.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius);font:600 .9rem/1 var(--font-body);letter-spacing:.01em;cursor:pointer;border:1px solid transparent;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--ink);color:var(--primary-bg);border-color:var(--ink)}.btn-primary:hover{background:var(--accent-violet);border-color:var(--accent-violet);color:#fff}.btn-secondary{background:transparent;border-color:var(--text-primary);color:var(--text-primary)}.btn-secondary:hover{background:var(--text-primary);color:var(--primary-bg)}.btn-small{padding:.55rem 1rem;font-size:.82rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.6rem;transition:var(--transition)}.card,.card:hover{box-shadow:var(--shadow-card)}.card:hover{border-color:var(--accent-border)}.navbar{position:fixed;inset:0 0 auto 0;height:var(--nav-h);background:color-mix(in srgb,var(--primary-bg) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000}.navbar,.navbar .container{display:flex;align-items:center}.navbar .container{justify-content:space-between}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--text-primary)}.brand-logo{width:28px;height:28px;object-fit:contain;display:block}.logo-light,[data-theme=dark] .logo-dark{display:none}[data-theme=dark] .logo-light{display:block}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);font-size:.95rem;position:relative;transition:var(--transition)}.nav-links a.active,.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--accent-violet);transition:var(--transition)}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:.8rem}.nav-backdrop{display:none}.nav-login{height:40px;padding-top:0;padding-bottom:0}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.icon-btn:hover{color:var(--text-primary);border-color:var(--accent-violet)}.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:4px}.burger span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.burger[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.footer{border-top:1px solid var(--border-color);padding:4rem 0 2rem;margin-top:4rem}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;grid-gap:2.5rem;gap:2.5rem}.footer-col h4{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-col a{color:var(--text-secondary);font-size:.92rem;transition:var(--transition)}.footer-col a:hover{color:var(--text-primary)}.footer-brand p{color:var(--text-secondary);font-size:.92rem;max-width:320px;margin:.8rem 0 1.4rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);font-size:.85rem}.footer-bottom,.footer-staff{align-items:center;color:var(--text-secondary)}.footer-staff{display:inline-flex;gap:.4rem;font-weight:600;transition:var(--transition)}.footer-staff:hover{color:var(--accent-violet)}.social-links{display:flex;gap:1rem}.social-link{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);transition:all .3s ease}.social-link[href*=github]{color:#24292f}[data-theme=dark] .social-link[href*=github]{color:#e6edf3}.social-link[href*=discord]{color:#5865F2}.social-link[href*="x.com"],.social-link[href*=twitter]{color:var(--text-primary)}.social-link[href*=instagram]{color:#e1306c}.social-link[href*=mailto]{color:#ea580c}.social-link i{font-size:1.25rem;transition:transform .3s ease}.social-link:hover{color:#fff;background:var(--accent-violet);border-color:var(--accent-violet);transform:translateY(-4px) rotate(-5deg);box-shadow:0 8px 20px rgba(232,68,42,.3)}.social-link:hover i{color:#fff;transform:scale(1.15)}.social-link[href*=github]:hover{background:#24292f;border-color:#24292f;box-shadow:0 8px 20px rgba(36,41,47,.35)}.social-link[href*=discord]:hover{background:#5865F2;border-color:#5865F2;box-shadow:0 8px 20px rgba(88,101,242,.35)}.social-link[href*="x.com"]:hover,.social-link[href*=twitter]:hover{background:#000;border-color:#000;box-shadow:0 8px 20px rgba(0,0,0,.35)}.social-link[href*=instagram]:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#dc2743;box-shadow:0 8px 20px rgba(220,39,67,.35)}.social-link[href*=mailto]:hover{background:#ea580c;border-color:#ea580c;box-shadow:0 8px 20px rgba(234,88,12,.35)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.field label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.field input,.field select,.field textarea{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.7rem .9rem;color:var(--text-primary);font:400 .95rem var(--font-body);transition:var(--transition)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent-violet);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea{resize:vertical;min-height:130px}:root{--ocm-danger:var(--down)}.alert{padding:.7rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--secondary-bg);color:var(--text-secondary);font-size:.92rem}.alert-success{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--card-bg));border-color:color-mix(in srgb,var(--ok) 32%,transparent)}.alert-error{color:var(--down);background:color-mix(in srgb,var(--down) 10%,var(--card-bg));border-color:color-mix(in srgb,var(--down) 32%,transparent)}@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-backdrop{display:block;position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.38);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.nav-backdrop.open{opacity:1;visibility:visible;transition:opacity .25s ease}.nav-links{position:fixed;inset:calc(var(--nav-h) + 8px) 12px auto 12px;z-index:50;flex-direction:column;gap:.18rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 44px rgba(27,26,23,.22);padding:.5rem;transform-origin:top center;transform:translateY(-12px) scale(.98);opacity:0;visibility:hidden;transition:transform .24s cubic-bezier(.32,.72,0,1),opacity .2s ease,visibility 0s linear .24s}.nav-links.open{transform:translateY(0) scale(1);opacity:1;visibility:visible;transition:transform .24s cubic-bezier(.32,.72,0,1),opacity .2s ease,visibility 0s}.nav-links li{border:0}.nav-links a{display:flex;align-items:center;padding:.82rem .95rem;font-size:1rem;border-radius:11px;color:var(--text-secondary);transition:background .18s ease,color .18s ease}.nav-links a:after{display:none}.nav-links a:hover{background:color-mix(in srgb,var(--text-primary) 7%,transparent);color:var(--text-primary)}.nav-links a.active{color:var(--accent);font-weight:600;background:var(--accent-soft)}.burger{display:flex}.footer-grid{grid-template-columns:1fr}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--nav-h) 0 4rem;background:linear-gradient(135deg,var(--primary-bg) 0,var(--secondary-bg) 100%);position:relative;overflow:hidden}.hero-bg-animation{position:absolute;inset:0;overflow:hidden;z-index:0}.bg-gradient{position:absolute;width:300%;height:300%;top:-100%;left:-100%;background:radial-gradient(circle at 20% 50%,rgba(232,68,42,.18) 0,transparent 45%),radial-gradient(circle at 80% 75%,rgba(183,164,136,.22) 0,transparent 45%),radial-gradient(circle at 45% 25%,rgba(31,111,235,.1) 0,transparent 45%);animation:gradientShift 20s ease-in-out infinite}[data-theme=dark] .bg-gradient{background:radial-gradient(circle at 20% 50%,rgba(255,106,77,.16) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(203,184,148,.1) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(110,168,254,.08) 0,transparent 50%)}@keyframes gradientShift{0%,to{transform:rotate(0deg) scale(1.2)}33%{transform:rotate(120deg) scale(1.3)}66%{transform:rotate(240deg) scale(1.2)}}.bg-particles{position:absolute;inset:0}.bg-particles:after,.bg-particles:before{content:"";position:absolute;width:2px;height:2px;background:var(--accent-violet);border-radius:50%;box-shadow:20px 50px 0 var(--accent-violet),100px 80px 0 var(--accent-blue),150px 120px 0 var(--accent-beige),200px 20px 0 var(--accent-violet),250px 180px 0 var(--accent-blue),300px 100px 0 var(--accent-beige),350px 150px 0 var(--accent-violet),400px 50px 0 var(--accent-blue),450px 200px 0 var(--accent-beige);opacity:.3;animation:float 15s linear infinite}.bg-particles:after{left:50%;animation-delay:-7.5s;animation-duration:20s}@keyframes float{0%{transform:translateY(100vh) translateX(0)}to{transform:translateY(-100vh) translateX(100px)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:760px;margin:0 auto}.hero-title{font-size:clamp(2.4rem,6vw,4rem);font-weight:700;margin:1rem 0 1.2rem;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-violet) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1.05rem,2.5vw,1.3rem);color:var(--text-secondary);margin-bottom:2.4rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.intro-content{max-width:680px;margin:0 auto;text-align:center}.intro-content .lead{font-size:1.25rem;color:var(--text-primary);margin:1rem 0}.intro-content p{color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.feature-card{position:relative;padding-top:1.9rem;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-violet);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card i{display:inline-grid;place-items:center;width:42px;height:42px;font-size:1.25rem;color:var(--accent-violet);background:var(--accent-soft);border-radius:var(--radius-sm)}.feature-card h3{font-size:1.05rem;margin:1rem 0 .5rem}.feature-card p{color:var(--text-secondary);font-size:.9rem}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.stat-item{background:var(--primary-bg);padding:2rem 1rem;text-align:center}.stat-number{font-family:var(--font-mono);font-size:2rem;color:var(--text-primary)}.stat-label{color:var(--text-secondary);font-size:.85rem;margin-top:.3rem}.cta{text-align:center}.cta h2{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:1rem}.cta p{color:var(--text-secondary);max-width:520px;margin:0 auto 2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.branches{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.4rem;gap:1.4rem}.branch-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition)}.branch-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--accent-violet);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.branch-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-card);transform:translateY(-3px)}.branch-card:hover:before{transform:scaleX(1)}.branch-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-violet);font-size:1.6rem;margin-bottom:1.3rem}.branch-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-violet)}.branch-card h3{font-size:clamp(1.25rem,2.4vw,1.5rem);margin:.5rem 0 .8rem}.branch-card p{color:var(--text-secondary);line-height:1.7;flex:1 1;margin-bottom:1.5rem}.branch-card .btn{align-self:flex-start}@media (max-width:800px){.branches{grid-template-columns:1fr}}.branches-note{text-align:center;color:var(--text-secondary);font-size:.95rem;max-width:40rem;margin:1.6rem auto 0}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.2rem;gap:1.2rem}.project-card{display:flex;flex-direction:column}.project-card .meta{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.project-card .dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary)}.project-card.live .dot{background:var(--ok)}.project-card.soon .dot{background:var(--warn)}.project-card.dev .dot{background:var(--accent-violet)}.project-card h3{font-size:1.2rem;margin:.8rem 0 .5rem}.project-card p{color:var(--text-secondary);font-size:.92rem;margin-bottom:1rem}.project-card .arrow{color:var(--accent-violet);font-size:.9rem;margin-top:auto;align-self:flex-start}.team-card{text-align:center;display:flex;flex-direction:column}.team-card .avatar{width:84px;height:84px;border-radius:50%;margin:0 auto 1rem;object-fit:cover;border:1px solid var(--border-color)}.team-card .role{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-violet)}.team-card h3{font-size:1.15rem;margin:.4rem 0}.team-card .bio{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.team-card .social-links{justify-content:center;margin-top:auto;padding-top:1.2rem}.team-grid{display:flex;flex-wrap:wrap;gap:1.2rem}.team-grid .team-card{flex:0 1 320px;max-width:100%}.about-split{display:grid;grid-template-columns:.85fr 1.35fr;grid-gap:3.5rem;gap:3.5rem;align-items:start}.about-split .split-head{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + 2.5rem)}.about-split .split-head h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:.7rem}.about-split .split-body p{color:var(--text-secondary);line-height:1.8;font-size:1.02rem}.about-split .split-body p+p{margin-top:1.2rem}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.2rem;gap:1.2rem}.values-grid .reveal{display:flex}.values-grid .reveal>.card{flex:1 1}.values-grid .feature-card h3{font-size:1.1rem}.vision-panel{position:relative;max-width:860px;margin:0 auto;background:var(--card-bg);border:1px solid var(--border-color);border-left:3px solid var(--accent-violet);border-radius:var(--radius);padding:2.6rem clamp(1.6rem,4vw,3rem);box-shadow:var(--shadow-card)}.vision-panel .eyebrow{margin-bottom:1.1rem}.vision-panel .vision-lead{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.5;color:var(--text-primary);letter-spacing:-.01em}.vision-panel p+p{margin-top:1.3rem;color:var(--text-secondary);line-height:1.8}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;grid-gap:3rem;gap:3rem;align-items:start}.contact-info .row{display:flex;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--border-color)}.contact-info .row i{color:var(--accent-violet);font-size:1.2rem}.contact-info .row span{display:block}.contact-info .row .label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.auth-wrap{min-height:calc(100vh - var(--nav-h));display:grid;place-items:center;padding:calc(var(--nav-h) + 2.5rem) 1rem 3rem}.auth-card{width:100%;max-width:400px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:2.2rem;box-shadow:var(--shadow-card)}.auth-title{font-size:1.7rem;margin:.5rem 0 .3rem}.auth-sub{color:var(--text-secondary);font-size:.93rem;margin-bottom:1.6rem}.auth-form .alert{margin-bottom:1rem}.btn-block{width:100%;justify-content:center;margin-top:.3rem}.auth-alt{text-align:center;margin-top:1.3rem;font-size:.9rem;color:var(--text-secondary)}.auth-alt a{color:var(--accent-violet);font-weight:600}.auth-alt a:hover{text-decoration:underline}.auth-forgot{align-self:flex-end;margin-top:.4rem;font-size:.82rem;color:var(--text-secondary)}.auth-forgot:hover{color:var(--accent-violet);text-decoration:underline}.legal{max-width:720px;margin:0 auto}.legal h2{font-size:1.3rem;margin:2.2rem 0 .8rem}.legal li,.legal p{color:var(--text-secondary);line-height:1.75}.legal ul{padding-left:1.2rem;margin:.6rem 0}.legal a{color:var(--accent-violet)}.legal a:hover{text-decoration:underline}.project-card .tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.project-card .tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;color:var(--text-secondary);background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:999px;padding:.2rem .6rem}.project-card .arrow{display:inline-flex;align-items:center;gap:.35rem;transition:var(--transition)}.project-card .arrow:hover{gap:.6rem}.team-card .avatar{display:grid;place-items:center;background:var(--secondary-bg);font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--accent-violet)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,268px));grid-gap:1.4rem;gap:1.4rem;justify-content:center}.team-grid .reveal{display:flex}.team-grid .reveal>.team-card{flex:1 1}.team-card{position:relative;overflow:hidden;align-items:center;padding-top:2.4rem}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-violet);z-index:2;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.team-card:hover{transform:translateY(-4px)}.team-card:hover:before{transform:scaleX(1)}.team-card:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(115deg,transparent,var(--accent-soft),transparent);transform:skewX(-18deg);pointer-events:none;z-index:1}.team-card:hover:after{animation:cardShine .85s ease forwards}@keyframes cardShine{to{left:130%}}.team-card .avatar{width:96px;height:96px;margin:0 auto 1.2rem;font-size:2.3rem;background:var(--accent-soft);border:1px solid var(--accent-border);position:relative;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .2s ease;animation:avatarFloat 5s ease-in-out infinite}.team-card .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.team-card .avatar:before{content:"";position:absolute;inset:-4px;border-radius:50%;padding:4px;background:conic-gradient(var(--accent-violet),transparent 28%,transparent 52%,var(--accent-blue) 64%,transparent 82%,var(--accent-violet));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity .3s ease;animation:avatarRing 7s linear infinite}.team-card:hover .avatar{transform:scale(1.06) rotate(-4deg);animation-play-state:paused}.team-card:hover .avatar:before{opacity:1}.team-card .avatar:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid var(--border-color);opacity:.5;transition:var(--transition)}.team-card:hover .avatar:after{inset:-12px;opacity:.8}.team-grid .reveal:nth-child(2) .avatar{animation-delay:-1.6s}.team-grid .reveal:nth-child(3) .avatar{animation-delay:-3.2s}.team-grid .reveal:nth-child(4) .avatar{animation-delay:-.8s}@keyframes avatarRing{to{transform:rotate(1turn)}}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.team-card .role{display:inline-block;margin:0 auto;padding:.28rem .75rem;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-border);font-size:.68rem}.team-card h3{font-size:1.28rem;margin:.85rem 0 .55rem}.team-card .bio{line-height:1.65}.contact-info>p{color:var(--text-secondary);margin-bottom:.6rem}.contact-info .row a{color:var(--text-primary)}.contact-info .row a:hover{color:var(--accent-violet)}.contact-form .alert{margin-bottom:1.2rem}.contact-form button[type=submit]{width:100%;justify-content:center;margin-top:.4rem}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.status-list{margin-top:1.6rem;display:flex;flex-direction:column;gap:.8rem}.status-row{justify-content:space-between;gap:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1rem 1.3rem}.status-main,.status-row{display:flex;align-items:center}.status-main{gap:.9rem}.status-main .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);flex:none}.status-name{font-family:var(--font-mono);font-size:.92rem;color:var(--text-primary)}.status-note{font-size:.82rem;color:var(--text-secondary)}.status-badge{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);border-radius:999px;padding:.25rem .7rem;white-space:nowrap}.status-main .dot-ok{background:var(--ok)}.status-main .dot-warn{background:var(--warn)}.status-main .dot-down{background:var(--down)}.status-main .dot-dev{background:var(--accent-violet)}.badge-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.badge-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.badge-down{color:var(--down);background:color-mix(in srgb,var(--down) 12%,transparent);border-color:color-mix(in srgb,var(--down) 35%,transparent)}.badge-dev{color:var(--accent-violet);background:var(--accent-soft);border-color:var(--accent-border)}.status-summary{display:flex;align-items:center;gap:.7rem;padding:1rem 1.3rem;border-radius:var(--radius);border:1px solid var(--border-color);background:var(--card-bg);font-size:.95rem;margin-bottom:1.4rem}.status-summary .dot{width:10px;height:10px;border-radius:50%;flex:none;position:relative}.status-summary.is-ok .dot{background:var(--ok)}.status-summary.is-ok{border-color:color-mix(in srgb,var(--ok) 30%,var(--border-color))}.status-summary.is-issue .dot{background:var(--down)}.status-summary.is-issue{border-color:color-mix(in srgb,var(--down) 30%,var(--border-color))}.status-summary .dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid;opacity:.35;animation:pulse 2s ease-out infinite}.status-summary.is-ok .dot:after{color:var(--ok)}.status-summary.is-issue .dot:after{color:var(--down)}@keyframes pulse{0%{transform:scale(.6);opacity:.5}to{transform:scale(1.4);opacity:0}}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center;padding:calc(var(--nav-h) + 4rem) 0 4rem}.not-found-code{font-family:var(--font-display);font-weight:700;line-height:1;font-size:clamp(6rem,20vw,12rem);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-violet) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.not-found-title{font-size:clamp(1.6rem,4vw,2.4rem);margin:.4rem 0 1rem}.not-found-text{color:var(--text-secondary);max-width:440px;margin:0 auto 2rem}.fade-up{opacity:0;transform:translateY(16px);animation:fadeUp .6s ease forwards}.fade-up:nth-child(2){animation-delay:.06s}.fade-up:nth-child(3){animation-delay:.12s}.fade-up:nth-child(4){animation-delay:.18s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.features-grid,.stats-strip{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:2rem}.about-split,.contact-grid,.values-grid{grid-template-columns:1fr}.about-split{gap:1.6rem}.about-split .split-head{position:static}}@media (max-width:520px){.features-grid{grid-template-columns:1fr}}.status-page{--status-ok:#22c55e;--status-warn:#eab308;--status-down:#ef4444;--status-maint:var(--accent-blue);--status-dev:var(--accent-violet);padding-bottom:5rem}.status-page .page-header .eyebrow{display:block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-violet);margin-bottom:.75rem}.status-global-banner{padding:0 0 2.5rem}.global-status-indicator{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.75rem 2rem;transition:var(--transition)}.global-header-top{display:flex;align-items:center;gap:1.25rem}.ecg-container{flex-shrink:0;width:84px;height:30px}.ecg-path{fill:none;color:var(--status-ok);stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:45 255;stroke-dashoffset:300;filter:drop-shadow(0 0 3px currentColor);animation:ecg-sweep 2.2s linear infinite;transition:color .3s ease}@keyframes ecg-sweep{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}.global-status-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0}.global-status-subtitle{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin:.75rem 0 0}.last-updated{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--text-secondary)}.refresh-indicator{width:7px;height:7px;border-radius:50%;background:var(--status-ok);animation:dot-pulse 2s ease-in-out infinite}.status-global-banner.all-operational .ecg-path{color:var(--status-ok)}.status-global-banner.has-issues .global-status-indicator{border-color:rgba(234,179,8,.35)}.status-global-banner.has-issues .ecg-path{color:var(--status-warn)}.status-global-banner.has-issues .refresh-indicator{background:var(--status-warn)}.status-global-banner.major-outage .global-status-indicator{border-color:rgba(239,68,68,.4)}.status-global-banner.major-outage .ecg-path{color:var(--status-down);animation:none;stroke-dasharray:none;stroke-dashoffset:0}.status-global-banner.major-outage .refresh-indicator{background:var(--status-down)}.status-history,.status-incidents,.status-services{padding:0 0 3rem}.status-section-title{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 1.25rem}.status-section-title i{color:var(--accent-violet);font-size:1rem}.status-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0;color:var(--text-secondary);font-size:.9rem}.status-loading-spinner{width:26px;height:26px;border:2px solid var(--border-color);border-top-color:var(--accent-violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spin{display:inline-block;animation:spin .8s linear infinite}.status-services-grid{display:flex;flex-direction:column;gap:.75rem}.status-service-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.1rem 1.4rem;cursor:pointer;transition:var(--transition)}.status-service-card:hover{border-color:rgba(139,92,246,.45)}.service-card-main-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.service-card-info{display:flex;align-items:center;gap:1rem;min-width:0}.service-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.05rem}.service-card-details{min-width:0}.service-card-name{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .15rem}.service-card-url{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-card-right{display:flex;align-items:center;gap:1.75rem;flex-shrink:0}.service-metrics-inline{display:flex;gap:1.5rem}.metric-inline{display:flex;flex-direction:column;align-items:flex-end}.metric-inline-value{font-family:var(--font-mono);font-size:.82rem;color:var(--text-primary)}.metric-inline-label{font-size:.62rem;letter-spacing:.12em;color:var(--text-secondary)}.metric-inline-label,.service-card-status{font-family:var(--font-mono);text-transform:uppercase}.service-card-status{display:flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:500;letter-spacing:.1em;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.service-card-status.operational{color:var(--status-ok)}.service-card-status.operational .status-dot{background:var(--status-ok);animation:dot-pulse 2.4s ease-in-out infinite}.service-card-status.degraded,.service-card-status.partial{color:var(--status-warn)}.service-card-status.degraded .status-dot,.service-card-status.partial .status-dot{background:var(--status-warn);animation:dot-pulse 1.6s ease-in-out infinite}.service-card-status.major,.service-card-status.offline{color:var(--status-down)}.service-card-status.major .status-dot,.service-card-status.offline .status-dot{background:var(--status-down);animation:dot-pulse 1.1s ease-in-out infinite}.service-card-status.maintenance{color:var(--status-maint)}.service-card-status.maintenance .status-dot{background:var(--status-maint);animation:dot-pulse 2.4s ease-in-out infinite}.service-card-status.development{color:var(--status-dev)}.service-card-status.development .status-dot{background:var(--status-dev);animation:dot-pulse 2.4s ease-in-out infinite}.status-service-card.degraded,.status-service-card.partial{border-left:3px solid var(--status-warn)}.status-service-card.major,.status-service-card.offline{border-left:3px solid var(--status-down)}.status-service-card.maintenance{border-left:3px solid var(--status-maint)}.status-service-card.development{border-left:3px solid var(--status-dev)}.service-card-sub-apis{margin-top:1rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.service-sub-api-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.service-sub-api-item:last-child{border-bottom:none;padding-bottom:0}.sub-api-left{display:flex;align-items:center;gap:.6rem;min-width:0}.sub-api-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sub-api-dot.up{background:var(--status-ok)}.sub-api-dot.warning{background:var(--status-warn)}.sub-api-dot.down{background:var(--status-down);animation:dot-pulse 1.1s ease-in-out infinite}.sub-api-name{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-api-value{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.03em;white-space:nowrap}.sub-api-value.up{color:var(--status-ok)}.sub-api-value.down{color:var(--status-down)}.sub-api-value.text{color:var(--text-secondary)}.incidents-container{display:flex;flex-direction:column;gap:.75rem}.incident-card{background:var(--card-bg);border:1px solid var(--border-color);border-left:3px solid var(--status-warn);border-radius:var(--radius);padding:1.25rem 1.4rem;transition:var(--transition)}.incident-card:hover{border-color:rgba(139,92,246,.45);border-left-color:var(--status-warn)}.incident-card.outage,.incident-card.outage:hover{border-left-color:var(--status-down)}.incident-card.degraded,.incident-card.partial{border-left-color:var(--status-warn)}.incident-card.maintenance,.incident-card.maintenance:hover{border-left-color:var(--status-maint)}.incident-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.incident-card-title{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0}.incident-type-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--status-warn);background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.3);border-radius:999px;padding:.25rem .7rem;white-space:nowrap}.incident-card.outage .incident-type-badge{color:var(--status-down);background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.incident-card.maintenance .incident-type-badge{color:var(--status-maint);background:rgba(74,124,158,.12);border-color:rgba(74,124,158,.35)}.incident-card-message{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 .85rem}.incident-card-meta{display:flex;flex-wrap:wrap;gap:1.25rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;color:var(--text-secondary)}.incident-card-meta i{margin-right:.3rem;color:var(--accent-violet)}.status-page .no-incidents{display:flex;align-items:center;gap:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem 1.75rem}.status-page .no-incidents i{font-size:1.4rem;color:var(--status-ok);flex-shrink:0}.status-page .no-incidents h3{font-family:var(--font-display);font-size:.98rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .2rem}.status-page .no-incidents p{color:var(--text-secondary);font-size:.88rem;margin:0}.status-footer-info{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;border-top:1px solid var(--border-color);padding-top:2rem}.status-footer-text-group p{color:var(--text-secondary);font-size:.85rem;line-height:1.7;margin:0}.status-footer-actions{display:flex;gap:.75rem;flex-wrap:wrap}.service-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem;background:rgba(10,10,12,.75)}.service-modal.show{display:flex}.modal-content{position:relative;width:100%;max-width:760px;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.modal-close{position:absolute;top:.9rem;right:.9rem;z-index:2;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.1rem;line-height:1;cursor:pointer;transition:var(--transition)}.modal-close:hover{color:var(--text-primary);border-color:rgba(139,92,246,.45)}.modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--border-color)}.modal-service-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent-violet);font-size:1.2rem}.modal-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0}.modal-url{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.03em;color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.modal-url:hover{color:var(--accent-violet)}.modal-body-scroll{overflow-y:auto;padding:1.5rem 1.75rem}.modal-grid-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}.modal-grid-col-left,.modal-grid-col-right{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.modal-description{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem}.modal-metrics-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.modal-metric-card{display:flex;flex-direction:column;gap:.25rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.85rem 1rem}.modal-metric-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.modal-metric-value{font-family:var(--font-mono);font-size:1.05rem;color:var(--text-primary)}.modal-section-title{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-violet);margin:0 0 .65rem}.modal-apis-grid{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.modal-api-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .85rem;background:var(--secondary-bg);border-bottom:1px solid var(--border-color)}.modal-api-row:last-child{border-bottom:none}.modal-api-info{display:flex;align-items:center;gap:.55rem;min-width:0}.modal-api-indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0}.modal-api-indicator.up{background:var(--status-ok)}.modal-api-indicator.warning{background:var(--status-warn)}.modal-api-indicator.down{background:var(--status-down);animation:dot-pulse 1.1s ease-in-out infinite}.modal-api-name{font-size:.82rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-api-value{font-family:var(--font-mono);font-size:.72rem;white-space:nowrap}.modal-api-value.up{color:var(--status-ok)}.modal-api-value.down{color:var(--status-down)}.modal-api-value.text{color:var(--text-secondary)}.modal-status-card{border:1px solid var(--border-color);padding:1rem}.modal-status-card,.status-card-badge{background:var(--secondary-bg);border-radius:var(--radius-sm)}.status-card-badge{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:.35rem .7rem;margin-bottom:.65rem;border:1px solid var(--border-color);color:var(--text-primary)}.status-card-badge i{font-size:.85rem;color:var(--text-secondary)}.status-card-badge.operational i{color:var(--status-ok)}.status-card-badge.degraded i,.status-card-badge.partial i{color:var(--status-warn)}.status-card-badge.major i,.status-card-badge.offline i{color:var(--status-down)}.status-card-badge.maintenance i{color:var(--status-maint)}.status-card-badge.development i{color:var(--status-dev)}.status-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0}.modal-features-list{list-style:none;margin:0;padding:0}.modal-features-list li{display:flex;align-items:baseline;gap:.5rem;color:var(--text-secondary);font-size:.85rem;line-height:1.6;padding:.25rem 0}.modal-features-list li i{color:var(--status-ok);flex-shrink:0}.maintenance-info{background:var(--secondary-bg);border:1px solid rgba(74,124,158,.35);border-radius:var(--radius-sm);padding:1rem}.maintenance-info h4{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--status-maint);margin:0 0 .5rem}.maintenance-info p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0 0 .75rem}.progress-bar{height:5px;background:var(--border-color);border-radius:999px;overflow:hidden;margin-bottom:.4rem}.progress-fill{height:100%;background:var(--accent-violet);border-radius:999px;transition:width .4s ease}.progress-text{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;color:var(--text-secondary)}.reports-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem}.reports-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.85rem}.reports-card-title{font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0}.reports-btn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);color:var(--status-down);font-family:var(--font-body);font-size:.78rem;padding:.4rem .75rem;cursor:pointer;transition:var(--transition)}.reports-btn:hover:not(:disabled){background:rgba(239,68,68,.08)}.reports-btn:disabled{opacity:.6;cursor:default}.reports-btn.success{color:var(--status-ok);border-color:rgba(34,197,94,.4)}.reports-alert{display:none;border-radius:var(--radius-sm);padding:.6rem .8rem;font-size:.8rem;line-height:1.5;margin-bottom:.75rem;border:1px solid transparent}.reports-alert.success{color:var(--status-ok);background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3)}.reports-alert.error{color:var(--status-down);background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3)}.reports-chart-container{width:100%}.reports-chart{width:100%;height:90px;display:block}.reports-chart-labels{gap:.5rem;margin-top:.4rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;color:var(--text-secondary)}.modal-footer,.reports-chart-labels{display:flex;align-items:center;justify-content:space-between}.modal-footer{gap:1rem;flex-wrap:wrap;padding:1rem 1.75rem;border-top:1px solid var(--border-color)}.modal-update-time{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;color:var(--text-secondary)}.modal-btn-close{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;padding:.5rem 1.1rem;cursor:pointer;transition:var(--transition)}.modal-btn-close:hover{border-color:rgba(139,92,246,.45)}@media (max-width:768px){.global-status-indicator{padding:1.4rem 1.25rem}.global-header-top{flex-direction:column;align-items:flex-start;gap:.75rem}.global-status-title{font-size:1.15rem}.service-card-main-row{flex-direction:column;align-items:stretch;gap:.9rem}.service-card-right{justify-content:space-between;gap:1rem}.modal-grid-layout{grid-template-columns:1fr}.status-footer-info{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.service-metrics-inline{gap:1rem}.modal-body-scroll,.modal-footer,.modal-header{padding-left:1.1rem;padding-right:1.1rem}}[data-theme=light] .service-modal{background:rgba(20,20,25,.45)}[data-theme=light] .incident-type-badge{background:rgba(234,179,8,.14)}.toaster_wrap__Pg2Uq{position:fixed;bottom:1.2rem;right:1.2rem;z-index:1000;display:flex;flex-direction:column;gap:.6rem;max-width:min(92vw,360px);pointer-events:none}.toaster_toast__RKLq6{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-card);font-size:.9rem;line-height:1.4;pointer-events:auto;animation:toaster_toastIn__r7Ojm .25s ease}.toaster_toast__RKLq6 i{font-size:1.1rem;flex:none}.toaster_success__jyaP1{border-color:color-mix(in srgb,var(--ok) 32%,transparent);background:color-mix(in srgb,var(--ok) 10%,var(--card-bg))}.toaster_success__jyaP1 i{color:var(--ok)}.toaster_error__FvhxQ{border-color:color-mix(in srgb,var(--down) 32%,transparent);background:color-mix(in srgb,var(--down) 10%,var(--card-bg))}.toaster_error__FvhxQ i{color:var(--down)}.toaster_leaving__GMt3L{animation:toaster_toastOut__egNqT .25s ease forwards}@keyframes toaster_toastIn__r7Ojm{0%{opacity:0;transform:translateY(12px)}}@keyframes toaster_toastOut__egNqT{to{opacity:0;transform:translateY(8px)}}@media (max-width:520px){.toaster_wrap__Pg2Uq{left:1rem;right:1rem;bottom:1rem;max-width:none}}:root{--ocm-danger:#dc2626;--ocm-shake-distance:5px;--ocm-shake-duration:0.4s}.ocm-invalid,.ocm-invalid:focus{border-color:var(--ocm-danger)!important}.ocm-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--ocm-danger) 22%,transparent)!important}.ocm-shake{animation:ocm-shake var(--ocm-shake-duration) ease}@keyframes ocm-shake{0%,to{transform:translateX(0)}15%{transform:translateX(calc(var(--ocm-shake-distance) * -1))}30%{transform:translateX(var(--ocm-shake-distance))}45%{transform:translateX(calc(var(--ocm-shake-distance) * -.8))}60%{transform:translateX(calc(var(--ocm-shake-distance) * .8))}80%{transform:translateX(calc(var(--ocm-shake-distance) * -.4))}}.ocm-pop{animation:ocm-pop .28s ease}@keyframes ocm-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ocm-pop,.ocm-shake{animation:none}}