@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #080808;--bg-secondary: #111111;--bg-card: #161616;--bg-hover: #1e1e1e;--yellow: #f5c518;--yellow-light: #ffd84d;--yellow-dim: #f5c51820;--yellow-border: #f5c51840;--yellow-rgb: 245, 197, 24;--text-primary: #f0f0f0;--text-secondary: #999999;--text-muted: #555555;--border: #222222;--code-bg: #0d0d0d;--code-text: #d4d4d4;--radius: 12px;--radius-sm: 8px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-primary);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;background-position:center top;color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(ellipse 100% 55% at 50% 100%,rgba(0,0,0,.85) 0%,transparent 70%),radial-gradient(ellipse 70% 40% at 50% 55%,rgba(245,197,24,.055) 0%,transparent 70%),radial-gradient(ellipse 60% 45% at 15% 8%,rgba(120,80,255,.12) 0%,transparent 65%),radial-gradient(ellipse 55% 40% at 85% 5%,rgba(30,100,255,.1) 0%,transparent 60%),radial-gradient(ellipse 45% 35% at 90% 50%,rgba(0,210,180,.07) 0%,transparent 60%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#333;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--yellow)}::selection{background:var(--yellow);color:#000}.mono{font-family:JetBrains Mono,monospace}.page{min-height:100vh;padding-top:80px}.navbar{--bg-primary: #080808;--bg-secondary: #111111;--bg-card: #161616;--bg-hover: #1e1e1e;--text-primary: #f0f0f0;--text-secondary: #999999;--text-muted: #555555;--border: #222222;position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;z-index:1000;padding:10px 24px;background:linear-gradient(180deg,#140a2859,#0808084d);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.07);border:1px solid transparent;box-shadow:0 1px #ffffff0a,inset 0 1px #ffffff0a;border-radius:0;transition:all .45s cubic-bezier(.22,1,.36,1);will-change:width,top,padding,background,border-radius,box-shadow}.navbar.scrolled{top:10px;width:calc(100% - 32px);max-width:1040px;padding:6px 16px 6px 20px;background:linear-gradient(180deg,#0f081ebf,#080808b3);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:50px;box-shadow:0 16px 40px #00000080,inset 0 1px #ffffff0d}.navbar.hide-navbar{transform:translateY(-150%);opacity:0;pointer-events:none}.navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.logo-icon-svg{flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.25,.3,1),filter .3s ease;filter:drop-shadow(0 2px 8px rgba(var(--yellow-rgb),.1))}.logo:hover .logo-icon-svg{transform:scale(1.08) rotate(-4deg);filter:drop-shadow(0 4px 12px rgba(var(--yellow-rgb),.3))}.logo-text{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;transition:color var(--transition)}.navbar.scrolled .logo-text{color:#f0f0f0}.nav-pill{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:99px;padding:4px;gap:2px;position:relative}.nav-pill-indicator{position:absolute;top:4px;bottom:4px;left:0;background:var(--yellow);border-radius:99px;transition:transform .45s cubic-bezier(.34,1.25,.3,1),width .45s cubic-bezier(.34,1.25,.3,1),opacity .3s ease;z-index:0;pointer-events:none;box-shadow:0 4px 16px rgba(var(--yellow-rgb),.25)}.nav-link{display:flex;align-items:center;gap:7px;padding:8px 18px;border-radius:99px;text-decoration:none;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;position:relative;z-index:1}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active,.nav-link.active:hover{background:transparent;color:#000;font-weight:600}.nav-link.active svg{stroke:#000}.nav-right{display:flex;align-items:center;gap:10px}.nav-cta{display:flex;align-items:center;gap:7px;padding:9px 20px;border-radius:99px;background:var(--yellow);color:#000;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 0 rgba(var(--yellow-rgb),0)}.nav-cta:hover{background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--yellow-rgb),.35)}.nav-cta:active{transform:translateY(0)}.nav-avatar{position:relative;width:38px;height:38px;border-radius:50%;border:none;background:none;cursor:pointer;flex-shrink:0;padding:0;transition:transform var(--transition)}.nav-avatar:hover{transform:scale(1.08)}.nav-avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;display:block}.nav-avatar-initials{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--yellow) 0%,var(--yellow-light) 100%);color:#000;font-weight:800;font-size:.82rem;letter-spacing:-.01em}.nav-avatar-ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--yellow);opacity:.5;transition:opacity var(--transition);pointer-events:none}.nav-avatar:hover .nav-avatar-ring{opacity:1}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);cursor:pointer;padding:0;transition:background var(--transition),border-color var(--transition);flex-shrink:0}.hamburger-btn span{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .3s ease,opacity .3s ease,width .3s ease;transform-origin:center}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;width:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger-btn:hover{background:var(--bg-hover);border-color:var(--yellow)}.mobile-overlay{display:none;position:fixed;inset:0;z-index:1099;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{--bg-primary: #080808;--bg-secondary: #111111;--bg-card: #161616;--bg-hover: #1e1e1e;--text-primary: #f0f0f0;--text-secondary: #999999;--text-muted: #555555;--border: #222222;position:fixed;top:0;right:0;bottom:0;width:min(80vw,320px);z-index:1100;background:#0e0e0e;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;transform:translate(100%);transition:transform .35s cubic-bezier(.34,1.1,.3,1);will-change:transform}.mobile-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-logo{text-decoration:none}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition)}.drawer-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-user-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(var(--yellow-rgb),.05);border-bottom:1px solid var(--border);flex-shrink:0}.drawer-avatar{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:2px solid var(--yellow);overflow:hidden}.drawer-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.drawer-avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--yellow) 0%,var(--yellow-light) 100%);color:#000;font-weight:800;font-size:.9rem}.drawer-user-info{min-width:0}.drawer-user-name{font-weight:600;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-user-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.drawer-section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:16px 20px 6px;flex-shrink:0}.drawer-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex-shrink:0}.drawer-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--transition),color var(--transition);position:relative}.drawer-link svg{flex-shrink:0;opacity:.7;transition:opacity var(--transition)}.drawer-link:hover,.drawer-link:hover svg{background:var(--bg-hover);color:var(--text-primary);opacity:1}.drawer-link.active{background:rgba(var(--yellow-rgb),.12);color:var(--yellow);font-weight:600}.drawer-link.active svg{stroke:var(--yellow);opacity:1}.drawer-link-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;background:rgba(var(--yellow-rgb),.15);color:var(--yellow);letter-spacing:.05em}.drawer-account{padding:0 10px;flex-shrink:0}.drawer-signout{color:#e05252!important}.drawer-signout svg{stroke:#e05252!important}.drawer-signout:hover{background:#e052521a!important}.drawer-auth-btns{display:flex;flex-direction:column;gap:8px;padding:4px 2px}.drawer-signin-btn,.drawer-signup-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all var(--transition)}.drawer-signin-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.drawer-signin-btn:hover{background:var(--bg-hover);border-color:var(--yellow);color:var(--yellow)}.drawer-signup-btn{background:var(--yellow);color:#000;border:1px solid transparent}.drawer-signup-btn:hover{background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--yellow-rgb),.3)}.drawer-footer-links{margin-top:auto;padding:16px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:center}.drawer-footer-links a{font-size:12px;color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.drawer-footer-links a:hover{color:var(--text-secondary)}.drawer-footer-links span{color:var(--border);font-size:12px}.drawer-install-wrap{padding:12px 10px 4px;flex-shrink:0}.drawer-install-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;color:var(--yellow);background:rgba(var(--yellow-rgb),.08);border:1px solid rgba(var(--yellow-rgb),.25);cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.drawer-install-btn svg{stroke:var(--yellow);flex-shrink:0}.drawer-install-btn:hover{background:rgba(var(--yellow-rgb),.15);border-color:rgba(var(--yellow-rgb),.45);transform:translateY(-1px)}@media(max-width:768px){.hamburger-btn{display:flex}.navbar-inner{gap:12px}.mobile-overlay{display:block}.nav-pill{display:flex;margin-right:auto}.nav-link{padding:7px 11px;font-size:12px;gap:5px}.nav-link svg{display:none}.nav-cta,.nav-avatar,.navbar .logo-text{display:none}}@media(max-width:480px){.navbar{padding:12px 16px}.navbar.scrolled{padding:8px 16px}}.footer{background:var(--bg-primary);padding:80px 4% 40px;margin-top:auto;width:100%;position:relative;overflow:hidden;border-top:1px solid var(--border)}.footer:before{content:"";position:absolute;top:50%;right:15%;width:600px;height:600px;background:radial-gradient(circle,rgba(var(--yellow-rgb),.03) 0%,transparent 60%);transform:translateY(-50%);pointer-events:none;z-index:0}.footer-inner{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:64px;position:relative;z-index:1}.footer-feedback-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;background:linear-gradient(135deg,#1a1a1a,#161616);border:1px solid rgba(var(--yellow-rgb),.2);border-radius:20px;padding:36px 48px;overflow:hidden}.footer-feedback-glow{position:absolute;top:-60px;right:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(var(--yellow-rgb),.12) 0%,transparent 65%);pointer-events:none}.footer-feedback-left{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.footer-feedback-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--yellow-rgb),.1);border:1px solid rgba(var(--yellow-rgb),.3);border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--yellow);letter-spacing:.4px;width:fit-content}.footer-feedback-banner h3{font-size:22px;font-weight:800;color:#f0f0f0;letter-spacing:-.4px;margin:0}.footer-feedback-banner p{font-size:14px;color:#999;max-width:520px;line-height:1.6;margin:0}.footer-feedback-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:#000;border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s,gap .2s;box-shadow:0 4px 16px rgba(var(--yellow-rgb),.3);position:relative;z-index:1;white-space:nowrap}.footer-feedback-btn:hover{background:var(--yellow-light);box-shadow:0 6px 24px rgba(var(--yellow-rgb),.45);gap:14px}.footer-top{display:flex;justify-content:space-between;gap:64px;flex-wrap:wrap}.footer-brand{max-width:380px;display:flex;flex-direction:column;gap:20px}.footer-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.footer-logo-text{font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.footer-tagline{font-size:14px;color:var(--text-secondary);line-height:1.7}.footer-contact{display:flex;flex-direction:column;gap:12px;margin-top:8px}.contact-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.contact-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.footer-links-grid{display:flex;gap:80px;flex-wrap:wrap;flex:1;justify-content:flex-end}.footer-column{display:flex;flex-direction:column;gap:20px;min-width:120px}.footer-heading{font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.footer-links a{text-decoration:none;font-size:14px;color:var(--text-secondary);transition:color .2s ease;display:inline-block}.footer-links a.bordered-link{border:1px solid var(--border);padding:6px 12px;border-radius:99px;color:var(--text-primary);font-size:12px}.footer-links a:hover{color:var(--yellow)}.footer-links a.bordered-link:hover{border-color:var(--yellow);background:rgba(var(--yellow-rgb),.05)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:32px;border-top:1px solid var(--border);flex-wrap:wrap;gap:24px}.footer-copyright{display:flex;flex-direction:column;gap:4px}.footer-copyright p{font-size:13px;color:var(--text-muted)}.developed-by{font-size:12px}.heart{color:#ef4444}.footer-socials{display:flex;align-items:center;gap:24px}.sitemap-link{display:flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.sitemap-link:hover{color:var(--text-primary)}.social-icons{display:flex;align-items:center;gap:12px}.social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:all .2s cubic-bezier(.34,1.25,.3,1)}.social-icons a:hover{color:#000;background:var(--yellow);border-color:var(--yellow);transform:translateY(-2px)}@media(max-width:1024px){.footer-links-grid{justify-content:flex-start}}@media(max-width:768px){.footer{padding:60px 24px 40px}.footer-top{flex-direction:column;gap:40px}.footer-links-grid{gap:40px 24px;flex-direction:row;display:grid;grid-template-columns:repeat(2,1fr)}.footer-feedback-banner{flex-direction:column;align-items:flex-start;padding:28px 24px}.footer-feedback-btn{width:100%;justify-content:center}.newsletter-box{flex-direction:column;align-items:flex-start;padding:24px}.newsletter-form{width:100%;flex-direction:column}.newsletter-form button{padding:12px 24px}.footer-bottom{flex-direction:column-reverse;align-items:flex-start}}.fb-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fb-fade-in .2s ease-out}@keyframes fb-fade-in{0%{opacity:0}to{opacity:1}}.fb-card{position:relative;background:linear-gradient(160deg,#1c1c1c,#161616,#131313);border:1px solid rgba(var(--yellow-rgb),.22);border-radius:28px;width:100%;max-width:520px;padding:32px 36px;box-shadow:0 0 0 1px rgba(var(--yellow-rgb),.08),0 30px 80px #000000b3,0 0 100px rgba(var(--yellow-rgb),.06),inset 0 1px #ffffff0a;animation:fb-card-in .4s cubic-bezier(.16,1,.3,1)}.fb-card::-webkit-scrollbar{width:3px}.fb-card::-webkit-scrollbar-track{background:transparent}.fb-card::-webkit-scrollbar-thumb{background:rgba(var(--yellow-rgb),.25);border-radius:99px}@keyframes fb-card-in{0%{opacity:0;transform:translateY(28px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fb-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(50px);animation:fb-orb-float 7s ease-in-out infinite}.fb-orb-1{width:240px;height:240px;background:radial-gradient(circle,rgba(var(--yellow-rgb),.18),transparent);top:-80px;right:-80px;animation-delay:0s}.fb-orb-2{width:180px;height:180px;background:radial-gradient(circle,rgba(255,149,0,.14),transparent);bottom:-60px;left:-60px;animation-delay:2.5s}.fb-orb-3{width:100px;height:100px;background:radial-gradient(circle,rgba(var(--yellow-rgb),.1),transparent);top:40%;left:10%;animation-delay:4.5s}@keyframes fb-orb-float{0%,to{transform:scale(1) translate(0)}33%{transform:scale(1.1) translate(8px,-10px)}66%{transform:scale(.95) translate(-5px,6px)}}.fb-close{position:absolute;top:18px;right:18px;width:36px;height:36px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background .2s,color .2s,border-color .2s,transform .2s}.fb-close:hover{background:rgba(var(--yellow-rgb),.12);border-color:rgba(var(--yellow-rgb),.35);color:var(--yellow);transform:rotate(90deg)}.fb-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--yellow-rgb),.1);border:1px solid rgba(var(--yellow-rgb),.28);border-radius:99px;padding:4px 13px;font-size:12px;font-weight:600;color:var(--yellow);letter-spacing:.4px;margin-bottom:12px;position:relative;z-index:1}.fb-title{font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;position:relative;z-index:1}.fb-sub{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:22px;position:relative;z-index:1}.fb-form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.fb-section{display:flex;flex-direction:column;gap:12px}.fb-label{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.fb-optional{font-weight:400;color:var(--text-muted);font-size:12px}.fb-emojis{display:flex;gap:8px;flex-wrap:wrap}.fb-emoji-btn{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:60px;background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:10px 8px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.fb-emoji-btn:hover,.fb-emoji-btn.hovered{border-color:rgba(var(--yellow-rgb),.4);background:rgba(var(--yellow-rgb),.05);transform:translateY(-3px)}.fb-emoji-btn.active{border-color:var(--yellow);background:rgba(var(--yellow-rgb),.1);box-shadow:0 0 0 3px rgba(var(--yellow-rgb),.12),0 6px 20px rgba(var(--yellow-rgb),.15);transform:translateY(-4px)}.fb-emoji{font-size:28px;line-height:1;transition:transform .2s;display:block}.fb-emoji-btn:hover .fb-emoji,.fb-emoji-btn.active .fb-emoji{transform:scale(1.2)}.fb-emoji-label{font-size:11px;font-weight:500;color:var(--text-muted);transition:color .2s;white-space:nowrap}.fb-emoji-btn.active .fb-emoji-label{color:var(--yellow)}.fb-tags{display:flex;flex-wrap:wrap;gap:8px}.fb-tag{background:#ffffff08;border:1px solid var(--border);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .15s}.fb-tag:hover{border-color:rgba(var(--yellow-rgb),.35);color:var(--text-primary);transform:translateY(-1px)}.fb-tag.active{background:rgba(var(--yellow-rgb),.12);border-color:var(--yellow);color:var(--yellow);font-weight:600}.fb-textarea-wrapper{position:relative}.fb-textarea{width:100%;background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:14px 16px;color:var(--text-primary);font-size:14px;font-family:inherit;line-height:1.6;resize:none;min-height:80px;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;position:relative;z-index:1}.fb-textarea:focus{border-color:rgba(var(--yellow-rgb),.55);background:rgba(var(--yellow-rgb),.03);box-shadow:0 0 0 3px rgba(var(--yellow-rgb),.1)}.fb-textarea::placeholder{color:var(--text-muted)}.fb-textarea-glow{position:absolute;inset:-1px;border-radius:14px;background:linear-gradient(135deg,rgba(var(--yellow-rgb),.12),#ff95000f);opacity:0;pointer-events:none;transition:opacity .3s;z-index:0}.fb-textarea:focus+.fb-textarea-glow{opacity:1}.fb-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.fb-privacy{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.fb-privacy svg{color:#4ade80;flex-shrink:0}.fb-submit{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#000;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s,gap .2s,opacity .2s;box-shadow:0 4px 18px rgba(var(--yellow-rgb),.3);white-space:nowrap}.fb-submit:hover:not(:disabled){background:var(--yellow-light);box-shadow:0 8px 28px rgba(var(--yellow-rgb),.45);transform:translateY(-1px);gap:12px}.fb-submit:active:not(:disabled){transform:translateY(0)}.fb-submit:disabled{opacity:.4;cursor:not-allowed}.fb-success{text-align:center;padding:20px 0 8px;animation:fb-fade-in .5s ease-out;position:relative;z-index:1}.fb-success-ring{width:88px;height:88px;border-radius:50%;border:2px solid rgba(var(--yellow-rgb),.45);background:radial-gradient(circle,rgba(var(--yellow-rgb),.13),transparent 70%);box-shadow:0 0 0 8px rgba(var(--yellow-rgb),.06),0 0 40px rgba(var(--yellow-rgb),.22);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:fb-ring-pop .6s cubic-bezier(.16,1,.3,1);font-size:38px}@keyframes fb-ring-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.fb-success h2{font-size:26px;font-weight:800;color:var(--text-primary);margin-bottom:10px}.fb-success p{font-size:14px;color:var(--text-secondary);line-height:1.65;max-width:340px;margin:0 auto 28px}.fb-success-bar{height:3px;border-radius:99px;background:linear-gradient(to right,var(--yellow),#ff9500);animation:fb-bar-fill 2.8s linear forwards;max-width:200px;margin:0 auto}@keyframes fb-bar-fill{0%{width:0%}to{width:100%}}@media(max-width:480px){.fb-card{padding:32px 20px 28px}.fb-emojis{gap:6px}.fb-emoji-btn{padding:10px 4px;min-width:50px}.fb-emoji{font-size:24px}.fb-footer{flex-direction:column;align-items:stretch}.fb-submit{justify-content:center}}.fb-send-error{font-size:12px;font-weight:500;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:8px 12px;margin:-8px 0 0}.fb-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:fb-spin .65s linear infinite;flex-shrink:0}@keyframes fb-spin{to{transform:rotate(360deg)}}.home-page{display:flex;flex-direction:column;gap:0;position:relative;cursor:grab;background:transparent}.home-page:active{cursor:grabbing}.pull-refresh-indicator{position:fixed;top:80px;left:0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:50;transition:opacity .2s ease}.refresh-spinner{background:var(--bg-card);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--yellow);box-shadow:0 4px 12px #00000080}.refresh-spinner.spinning svg{animation:spinner-spin 1s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:80px 38px 50px;max-width:1280px;margin:0 auto;width:100%;overflow:hidden}.hero-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%}.hero-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;will-change:transform,opacity}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--yellow-dim);border:1px solid var(--yellow-border);border-radius:99px;font-size:12px;font-weight:600;color:var(--yellow);letter-spacing:.5px;margin-bottom:28px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-size:clamp(40px,7vw,72px);font-weight:900;letter-spacing:-3px;line-height:1.08;color:var(--text-primary);margin-bottom:20px}.hero-sub{font-size:18px;color:var(--text-secondary);max-width:480px;line-height:1.7;margin-bottom:36px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-start;margin-bottom:0}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;background:var(--yellow);color:#000;font-weight:700;font-size:15px;border-radius:10px;text-decoration:none;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 0 rgba(var(--yellow-rgb),0);letter-spacing:.2px;font-family:JetBrains Mono,monospace;position:relative;overflow:hidden}.btn-primary:before{content:">_";font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;opacity:.7;margin-right:2px}.btn-primary:hover{background:var(--yellow-light);transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--yellow-rgb),.35)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;color:var(--text-secondary);font-weight:600;font-size:15px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-ghost:hover{color:var(--text-primary);border-color:#ffffff4d;background:#ffffff17;transform:translateY(-2px)}.hero-cta-stack{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:36px;width:100%;max-width:300px}.hero-dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;background:var(--yellow);color:#000;font-weight:800;font-size:15px;font-family:JetBrains Mono,monospace;border-radius:12px;text-decoration:none;letter-spacing:.2px;box-shadow:0 4px 24px rgba(var(--yellow-rgb),.3);transition:background .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.hero-dl-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.hero-dl-prefix{font-family:JetBrains Mono,monospace;font-weight:900;font-size:14px;opacity:.75;letter-spacing:-1px}.hero-dl-btn:hover{background:var(--yellow-light);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--yellow-rgb),.45)}.hero-web-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;background:#ffffff0f;color:#ffffffbf;font-weight:600;font-size:14px;border-radius:12px;text-decoration:none;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,color .2s,border-color .2s,transform .2s}.hero-web-btn:hover{background:#ffffff1c;color:#fff;border-color:#ffffff40;transform:translateY(-2px)}.hero-spec-text{font-size:12px;color:var(--text-secondary);opacity:.55;font-family:JetBrains Mono,monospace;letter-spacing:.2px;margin:0;padding-left:2px}.hero-interactive-ui{position:relative;width:100%;will-change:transform,opacity;transform-origin:center;perspective:1000px;text-align:left}.hero-interactive-ui:before{content:"";position:absolute;inset:-3px;border-radius:16px;background:conic-gradient(from var(--angle),transparent 0%,rgba(245,197,24,.5) 15%,var(--yellow) 25%,transparent 25%,transparent 50%,rgba(138,43,226,.6) 65%,#8a2be2 75%,transparent 75%,transparent 100%);filter:blur(22px);opacity:.7;z-index:-1;animation:spin-gradient 4s linear infinite}.ui-main-window{position:relative;z-index:1;border-radius:16px;padding:1.5px;box-shadow:0 30px 60px #0009,0 0 40px rgba(var(--yellow-rgb),.15);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;overflow:hidden;will-change:transform}.ui-main-window:before{content:"";position:absolute;inset:0;border-radius:16px;background:conic-gradient(from var(--angle),transparent 0%,rgba(245,197,24,.4) 15%,var(--yellow) 25%,transparent 25%,transparent 50%,rgba(138,43,226,.5) 65%,#8a2be2 75%,transparent 75%,transparent 100%);z-index:-2;animation:spin-gradient 4s linear infinite}.ui-main-window:after{content:"";position:absolute;inset:1px;background:#0d0d0d;border-radius:15px;z-index:-1}@keyframes card-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-interactive-ui:hover .ui-main-window{transform:scale(1.03);box-shadow:0 40px 80px #000000b3,0 0 60px rgba(var(--yellow-rgb),.2)}.ui-window-header{position:relative;z-index:1;display:flex;align-items:center;padding:14px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05);border-top-left-radius:15px;border-top-right-radius:15px;gap:20px}.ui-mac-dots{display:flex;gap:8px}.mac-dot{width:12px;height:12px;border-radius:50%}.mac-dot.red{background:#ff5f57}.mac-dot.yellow{background:#febc2e}.mac-dot.green{background:#28c840}.ui-tabs{display:flex;gap:8px}.ui-tab{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:13px;color:#ffffff80;border-radius:8px;cursor:pointer;transition:all .2s ease}.ui-tab:hover:not(.active){background:#ffffff0d;color:#fffc}.ui-tab.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 10px #0003}.ui-workspace{position:relative;z-index:1;display:flex;min-height:310px;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.ui-sidebar{width:140px;padding:16px;background:#00000026;border-right:1px solid rgba(255,255,255,.05);border-bottom-left-radius:15px}.folder-name{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#fff6;margin-bottom:12px;display:block}.ui-file{font-size:13px;color:#fff9;padding:6px 10px;border-radius:6px;margin-bottom:4px;cursor:pointer;transition:background .2s}.ui-file:hover:not(.active){background:#ffffff0d;color:#ffffffe6}.ui-file.active{background:#f5c51826;color:var(--yellow)}.ui-editor{flex:1;display:flex;padding:20px 0;background:#0a0a0a66;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.7;border-bottom-right-radius:15px}.ui-editor-lines{display:flex;flex-direction:column;padding:0 16px;color:#fff3;text-align:right;-webkit-user-select:none;user-select:none}.ui-editor-code{flex:1;color:#d4d4d4}.ui-editor-code .keyword{color:#c678dd}.ui-editor-code .variable{color:#e5c07b}.ui-editor-code .function{color:#61afef}.ui-editor-code .string{color:#98c379}.ui-editor-code .number{color:#d19a66}.ui-editor-code .property{color:#e06c75}.ui-floating-panel{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:16px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:99px;box-shadow:0 10px 30px #0006;z-index:2;transition:transform .4s ease}.hero-interactive-ui:hover .ui-floating-panel{transform:none}.panel-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb3;padding-left:4px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#28c840;box-shadow:0 0 10px #28c840}.ui-run-btn{display:flex;align-items:center;gap:6px;background:var(--yellow);color:#000;border:none;padding:8px 16px;border-radius:99px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.ui-run-btn:hover{background:var(--yellow-light);transform:scale(1.05)}.hero-stats{display:flex;align-items:center;gap:0;margin-top:36px;padding:18px 24px;background:#ffffff08;border:1px solid var(--border);border-radius:14px;width:fit-content}.hero-stat{display:flex;flex-direction:column;align-items:center;padding:0 24px}.hero-stat-divider{width:1px;height:36px;background:var(--border)}.stat-val{font-size:22px;font-weight:800;color:var(--yellow);font-family:JetBrains Mono,monospace;letter-spacing:-1px}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-top:2px}.ui-terminal-panel{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.07);background:#00000073;padding:0}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.terminal-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#ffffff4d;font-family:JetBrains Mono,monospace}.terminal-tabs{display:flex;gap:8px}.terminal-tab{font-size:12px;color:#ffffff80;padding:2px 10px;border-radius:4px;background:#ffffff0f}.terminal-tab.active{color:#fff;background:#ffffff1f}.terminal-body{padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.8;min-height:72px}.t-prompt{color:#28c840}.t-cmd{color:#e5c07b}.t-out{color:#ffffffb3}.t-success{color:#28c840}.t-input-cursor{color:#fff;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ide-benefits-section{padding:100px 24px 80px;max-width:1200px;margin:40px auto 0;width:100%}.ide-benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:40px}.ide-benefit-card{display:flex;align-items:flex-start;gap:18px;background:#161616bf;border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ide-benefit-card:hover{border-color:var(--yellow-border);transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.ide-benefit-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--yellow-dim);border:1px solid var(--yellow-border);flex-shrink:0;color:var(--yellow)}.ide-benefit-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.ide-benefit-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.download-section{padding:80px 24px;max-width:1200px;margin:0 auto;width:100%;border-top:1px solid var(--border)}.download-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.download-title{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-1px;color:var(--text-primary);margin-bottom:14px}.download-sub{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:28px;max-width:480px}.download-checklist{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}.download-checklist li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-primary)}.download-checklist li svg{color:#28c840;flex-shrink:0}.download-checklist code{font-family:JetBrains Mono,monospace;font-size:13px;background:#ffffff0f;padding:1px 6px;border-radius:4px;color:var(--yellow)}.download-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.download-note{font-size:12px;color:var(--text-secondary);opacity:.6}.download-mockup{border-radius:14px;border:1px solid var(--border);background:#0d0d0d;overflow:hidden;box-shadow:0 30px 60px #00000080}.mockup-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.mock-dot{width:11px;height:11px;border-radius:50%}.mock-dot.r{background:#ff5f57}.mock-dot.y{background:#febc2e}.mock-dot.g{background:#28c840}.mockup-title{font-size:12px;color:#ffffff4d;margin-left:8px;font-family:JetBrains Mono,monospace}.mockup-body{display:flex;min-height:160px}.mockup-sidebar{width:130px;padding:14px 10px;background:#0003;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:4px;font-family:JetBrains Mono,monospace;font-size:12px}.mock-folder{color:#fff6;font-weight:700;margin-bottom:4px}.mock-file{color:#ffffff80;padding:3px 6px;border-radius:4px;cursor:pointer}.mock-file.active{color:var(--yellow);background:#f5c5181a}.mockup-code{flex:1;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.8}.mock-line{color:#d4d4d4}.mk.keyword{color:#c678dd}.mk.fn{color:#61afef}.mk.module{color:#e5c07b}.mk.str{color:#98c379}.mk.variable{color:#e5c07b}.mockup-terminal{border-top:1px solid rgba(255,255,255,.06);background:#0006;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.8}.cta-section{margin:60px 24px;border-radius:20px;background:#161616b3;border:1px solid var(--yellow-border);overflow:hidden;position:relative;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,rgba(var(--yellow-rgb),.1) 0%,transparent 65%);pointer-events:none}.cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 32px;gap:16px;position:relative}.cta-sub{color:var(--text-secondary);font-size:16px;margin-bottom:8px}.btn-install{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;color:var(--text-secondary);font-weight:600;font-size:15px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-install:hover{color:var(--text-primary);border-color:#ffffff4d;background:#ffffff17;transform:translateY(-2px)}.footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary)}@media(max-width:900px){.hero-split{grid-template-columns:1fr;gap:40px}.hero{min-height:auto;padding:80px 24px 60px}.hero-text{align-items:center;text-align:center}.hero-sub{max-width:100%}.hero-actions{justify-content:center}.hero-stats{margin:28px auto 0}.download-inner{grid-template-columns:1fr;gap:40px}.download-right{order:-1}}@media(max-width:640px){.hero{min-height:auto;padding:60px 20px}.ide-benefits-section,.compare-section,.download-section{padding:48px 20px}.hero-stats{flex-direction:column;gap:12px;padding:16px}.hero-stat-divider{width:40px;height:1px}.compare-table{font-size:13px}.compare-th-feature,.compare-td-feature,.compare-th-ide,.compare-th-web,.compare-td-val{padding:12px 10px}.compare-badge{display:none}.cta-section{margin:32px 16px;border-radius:16px}.cta-inner{padding:48px 24px}}.platform-overview-section{padding:80px 24px 60px;max-width:1200px;margin:0 auto;width:100%;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:90px}.overview-lang-banner{background:linear-gradient(135deg,#f5c51814,#f5c51808);border:1px solid var(--yellow-border);border-radius:16px;padding:20px 28px}.lang-banner-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.lang-count-badge{font-size:40px;font-weight:900;color:var(--yellow);font-family:JetBrains Mono,monospace;letter-spacing:-2px;line-height:1;flex-shrink:0}.lang-banner-text{display:flex;flex-direction:column;gap:4px}.lang-banner-text strong{font-size:16px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.lang-banner-text span{font-size:13px;color:var(--text-secondary);line-height:1.6}.overview-pills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.overview-pill{display:flex;align-items:flex-start;gap:16px;background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:18px 20px;transition:border-color .2s,transform .2s,background .2s}.overview-pill:hover{border-color:var(--yellow-border);background:#f5c5180a;transform:translateY(-2px)}.pill-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--yellow);flex-shrink:0;margin-top:2px}.pill-text{display:flex;flex-direction:column;gap:4px}.pill-text strong{font-size:14px;font-weight:700;color:var(--text-primary)}.pill-text span{font-size:13px;color:var(--text-secondary);line-height:1.5}.how-it-works{display:flex;flex-direction:column;align-items:center;text-align:center}.hiw-title{margin-bottom:64px}.hiw-steps{display:flex;align-items:flex-start;gap:0;width:100%;max-width:1000px}.hiw-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px}.hiw-step-num{width:52px;height:52px;border-radius:50%;background:var(--yellow-dim);border:2px solid var(--yellow-border);color:var(--yellow);font-size:15px;font-weight:800;font-family:JetBrains Mono,monospace;display:flex;align-items:center;justify-content:center;margin-bottom:28px;flex-shrink:0;transition:background .2s,border-color .2s}.hiw-step:hover .hiw-step-num{background:#f5c51833;border-color:var(--yellow)}.hiw-step-body h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.hiw-step-body p{font-size:14px;color:var(--text-secondary);line-height:1.7}.hiw-connector{width:80px;height:2px;background:linear-gradient(90deg,var(--yellow-border),transparent);margin-top:26px;flex-shrink:0}.ai-highlight-card{display:flex;align-items:flex-start;gap:28px;background:linear-gradient(135deg,#f5c5181a,#f5c51808);border:1px solid rgba(245,197,24,.25);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;transition:border-color .2s}.ai-highlight-card:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(245,197,24,.12) 0%,transparent 70%);pointer-events:none}.ai-highlight-card:hover{border-color:#f5c51880}.ai-highlight-icon{width:56px;height:56px;border-radius:14px;background:#f5c51826;border:1px solid rgba(245,197,24,.3);color:var(--yellow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-highlight-body{flex:1}.ai-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--yellow);background:#f5c51826;border:1px solid rgba(245,197,24,.25);padding:3px 10px;border-radius:99px;margin-bottom:10px}.ai-highlight-body h3{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:16px}.ai-capabilities{display:flex;flex-wrap:wrap;gap:10px 24px}.ai-cap{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);font-weight:500}.ai-cap svg{color:var(--yellow);flex-shrink:0}@media(max-width:900px){.hiw-steps{flex-direction:column;align-items:center;gap:0}.hiw-connector{width:2px;height:40px;background:linear-gradient(180deg,var(--yellow-border),transparent);margin:0}.hiw-step{padding:0}}@media(max-width:640px){.platform-overview-section{padding:48px 20px 40px;gap:40px}.lang-banner-inner{flex-direction:column;align-items:flex-start;gap:12px}.overview-pills-grid{grid-template-columns:1fr}.ai-highlight-card{flex-direction:column;padding:24px 20px;gap:16px}}.ide-exp-section{padding:100px 24px 80px;max-width:1200px;margin:0 auto;width:100%;border-top:1px solid var(--border)}.ide-exp-header{text-align:center;margin-bottom:64px}.ide-exp-header .section-sub{max-width:580px;margin:0 auto}.ide-exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.ide-exp-card{position:relative;background:#0e0e12e6;border:1px solid var(--border);border-radius:20px;padding:36px 36px 32px;overflow:hidden;transition:border-color .3s,transform .3s;cursor:default}.ide-exp-card:hover{transform:translateY(-4px)}.ide-exp-card--ext:hover{border-color:#6366f166}.ide-exp-card--ui:hover{border-color:#f5c51859}.ide-exp-card-glow{position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 70%);pointer-events:none;transition:opacity .3s}.ide-exp-card-glow--yellow{background:radial-gradient(circle,rgba(245,197,24,.15) 0%,transparent 70%)}.ide-exp-card-top{display:flex;align-items:center;gap:14px;margin-bottom:20px}.ide-exp-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ide-exp-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.ide-exp-card h3{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;line-height:1.3}.ide-exp-card>p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.ext-tags{display:flex;flex-wrap:wrap;gap:8px}.ext-tag{padding:5px 12px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#a5b4fc;font-size:12px;font-weight:600;border-radius:99px;transition:background .2s,border-color .2s}.ide-exp-card--ext:hover .ext-tag{background:#6366f12e;border-color:#6366f159}.ext-tag--more{background:#ffffff0a;border-color:#ffffff1a;color:var(--text-secondary)}.ui-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.ui-feat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);font-weight:500}.ui-feat svg{color:var(--yellow);flex-shrink:0}.ide-exp-small-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.ide-exp-small-card{background:#ffffff05;border:1px solid var(--border);border-radius:16px;padding:24px 22px;transition:border-color .25s,transform .25s,background .25s;position:relative;overflow:hidden}.ide-exp-small-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(255,255,255,.04) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.ide-exp-small-card:hover{border-color:#ffffff26;transform:translateY(-4px);background:#ffffff0a}.ide-exp-small-card:hover:before{opacity:1}.ide-exp-small-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0d;margin-bottom:16px}.ide-exp-small-card h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ide-exp-small-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}.ide-exp-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#f5c51812,#f5c51805);border:1px solid var(--yellow-border);border-radius:18px;padding:28px 36px;flex-wrap:wrap}.ide-exp-cta-left{display:flex;flex-direction:column;gap:6px}.ide-exp-cta-free{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--yellow)}.ide-exp-cta-left p{font-size:15px;color:var(--text-secondary);margin:0}.ide-exp-cta-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ide-cta-dl-btn{max-width:none;width:auto;padding:12px 22px;font-size:14px}.ide-cta-web-btn{width:auto;padding:12px 22px;font-size:14px}@media(max-width:900px){.ide-exp-grid{grid-template-columns:1fr}.ide-exp-small-grid{grid-template-columns:1fr 1fr}.ide-exp-cta{flex-direction:column;align-items:flex-start;padding:24px}}@media(max-width:640px){.ide-exp-section{padding:60px 20px 48px}.ide-exp-card{padding:24px 20px}.ide-exp-small-grid,.ui-feature-list{grid-template-columns:1fr}.ide-exp-cta-right{width:100%;flex-direction:column}.ide-cta-dl-btn,.ide-cta-web-btn{width:100%;justify-content:center}}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.interactive-terminal-wrap{display:flex;flex-direction:column;height:100%;background:#0d0d0d;border-radius:0;overflow:hidden;font-family:JetBrains Mono,monospace}.iterm-header{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#141414;border-bottom:1px solid #222;flex-shrink:0;-webkit-user-select:none;user-select:none}.iterm-dots{display:flex;gap:6px;align-items:center}.iterm-dot{width:10px;height:10px;border-radius:50%}.iterm-dot.red{background:#ff5f57}.iterm-dot.yellow{background:#f5c518}.iterm-dot.green{background:#28c840}.iterm-title{display:flex;align-items:center;gap:6px;font-size:12px;color:#888;font-weight:500;flex:1}.iterm-lang{background:#f5c5181f;border:1px solid rgba(245,197,24,.25);color:#f5c518;font-size:10px;font-weight:600;padding:1px 7px;border-radius:99px;letter-spacing:.5px}.iterm-badges{display:flex;align-items:center;gap:8px}.iterm-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;letter-spacing:.3px}.iterm-badge.local{background:#57e3891f;border:1px solid rgba(87,227,137,.25);color:#57e389}.iterm-kill-btn{display:inline-flex;align-items:center;gap:5px;background:#ff5f5f1f;border:1px solid rgba(255,95,95,.3);color:#ff5f5f;font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s;font-family:JetBrains Mono,monospace}.iterm-kill-btn:hover{background:#ff5f5f38;border-color:#ff5f5f80}.iterm-body{flex:1;overflow:hidden;padding:6px 4px}.iterm-body .xterm{height:100%;padding:8px}.iterm-body .xterm-viewport{border-radius:0}.iterm-body .xterm-screen canvas{border-radius:0}.iterm-footer{display:flex;align-items:center;justify-content:space-between;padding:5px 14px;background:#0a0a0a;border-top:1px solid #1a1a1a;font-size:10px;color:#444;flex-shrink:0;-webkit-user-select:none;user-select:none}.iterm-hint{color:#333}.mobile-compiler-host{padding-top:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.compiler-page{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);overflow:hidden;transition:padding-top .3s cubic-bezier(.4,0,.2,1)}.compiler-page.fullscreen{position:fixed;inset:0;z-index:900;padding-top:0}.compiler-topbar{display:flex;align-items:center;gap:8px;padding:0 14px;height:50px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden}.compiler-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;padding-right:8px;border-right:1px solid var(--border)}.lang-tabs{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none;min-width:0}.lang-tabs::-webkit-scrollbar{display:none}.lang-select-mobile{display:none;height:30px;padding:0 10px;border-radius:6px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);font-size:13px;font-weight:600;font-family:inherit;outline:none;cursor:pointer;flex:1;min-width:0;transition:all var(--transition)}.lang-select-mobile:focus{border-color:var(--yellow-border)}.lang-tab{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition);font-family:inherit;white-space:nowrap}.lang-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.lang-tab.active{background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow);font-weight:600}.lang-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);opacity:.5;flex-shrink:0}.compiler-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.icon-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 8px;border-radius:6px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:JetBrains Mono,monospace;white-space:nowrap}.icon-btn:hover{color:var(--text-primary);border-color:#444}.icon-btn.active{color:var(--yellow);border-color:var(--yellow-border);background:var(--yellow-dim)}.auto-run-btn{gap:5px;font-family:inherit}.theme-select{height:28px;padding:0 8px;border-radius:6px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-family:inherit;cursor:pointer;outline:none;transition:all var(--transition)}.theme-select:hover{border-color:#444;color:var(--text-primary)}.theme-select option{background:var(--bg-card)}.font-controls{display:flex;align-items:center;gap:2px;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;overflow:hidden}.font-controls .icon-btn{border:none;background:none;border-radius:0}.font-size-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);padding:0 4px;min-width:22px;text-align:center}.run-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:7px;background:var(--yellow);color:#000;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);font-family:inherit;white-space:nowrap;flex-shrink:0}.run-btn:hover:not(:disabled){background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--yellow-rgb),.35)}.run-btn:disabled{opacity:.7;cursor:not-allowed}.run-btn.running{background:#1e1e1e;color:var(--yellow);border:1px solid var(--yellow-border)}.run-btn.auto-active{box-shadow:0 0 8px rgba(var(--yellow-rgb),.2)}.spinner{width:12px;height:12px;border:2px solid rgba(var(--yellow-rgb),.25);border-top-color:var(--yellow);border-radius:50%;animation:spin .55s linear infinite;display:inline-block}.stdin-panel{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;max-height:110px}.stdin-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding-top:2px}.stdin-area{flex:1;min-height:60px;max-height:80px;background:var(--bg-card);border:1px solid var(--border);border-radius:7px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:12px;padding:8px 12px;outline:none;resize:vertical;line-height:1.5;transition:border-color var(--transition)}.stdin-area:focus{border-color:var(--yellow-border)}.stdin-area::placeholder{color:var(--text-muted)}.compiler-body{display:grid;grid-template-columns:1fr 400px;flex:1;overflow:hidden;min-height:0}.editor-pane,.right-pane{display:flex;flex-direction:column;overflow:hidden;min-height:0}.editor-pane{border-right:1px solid var(--border)}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:36px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;gap:8px}.filename-wrap{display:flex;align-items:center;gap:5px}.file-name{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);margin-left:4px}.auto-badge{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--yellow);font-weight:600}.auto-pulse{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.panel-tabs{display:flex;gap:2px}.panel-tab{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:5px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all var(--transition)}.panel-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.panel-tab.active{color:var(--yellow);background:var(--yellow-dim);border-color:var(--yellow-border)}.tab-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);flex-shrink:0;animation:pulse 1.4s infinite}.stdin-body{flex:1;display:flex;flex-direction:column;background:#0c0c0c;min-height:0;overflow:hidden}.stdin-hint{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:11px;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.stdin-editor{flex:1;background:#0c0c0c;border:none;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;padding:14px;outline:none;resize:none;line-height:1.6;min-height:0}.stdin-editor::placeholder{color:var(--text-muted);opacity:.5}.stdin-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0}.stdin-count{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--text-muted)}.run-from-input-btn{display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:6px;background:var(--yellow);color:#000;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:background var(--transition),transform var(--transition);font-family:inherit;white-space:nowrap}.run-from-input-btn:hover:not(:disabled){background:var(--yellow-light);transform:translateY(-1px)}.run-from-input-btn:disabled{opacity:.7;cursor:not-allowed}.output-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:3px;background:#0c0c0c;min-height:0}.output-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--text-muted);font-size:13px;text-align:center}.output-empty kbd{padding:2px 6px;background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-secondary)}.output-line{display:flex;align-items:flex-start;gap:8px;padding:5px 8px;border-radius:5px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.output-line pre{font-family:JetBrains Mono,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-all;line-height:1.6}.output-line.log{color:#c9d1d9}.output-line.error{color:#f38275;background:#f382750f}.output-line.warn{color:var(--yellow);background:rgba(var(--yellow-rgb),.05)}.output-line.server{color:#7eb6ff;background:#7eb6ff0d}.output-line.info{color:#7eb6ff}.output-line.exit-ok{color:#34d399;font-style:italic;border-top:1px solid #1a1a1a;margin-top:4px;padding-top:8px}.output-line.exit-err{color:#f38275;font-style:italic;border-top:1px solid #1a1a1a;margin-top:4px;padding-top:8px}.line-prefix{font-size:12px;padding-top:2px;flex-shrink:0;color:var(--text-muted);min-width:14px}.output-line.error .line-prefix{color:#f38275}.output-line.warn .line-prefix{color:var(--yellow)}.output-line.server .line-prefix{color:#7eb6ff}.clear-btn{font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:2px 8px;border-radius:4px;font-family:inherit;transition:all var(--transition)}.clear-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.preview-body{flex:1;overflow:hidden;background:#fff;min-height:0}.html-preview-frame{width:100%;height:100%;border:none;display:block}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:24px;background:#0d0d0d;border-top:1px solid var(--border);flex-shrink:0}.status-left,.status-right{display:flex;align-items:center;gap:12px}.status-item{display:flex;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--text-muted);white-space:nowrap}.status-lang{color:var(--yellow);font-weight:600}.status-autorun{color:#fbbf24}.status-server{color:#7eb6ff}@media(max-width:900px){.compiler-body{grid-template-columns:1fr;grid-template-rows:55% 45%}.editor-pane{border-right:none;border-bottom:1px solid var(--border)}.compiler-actions .theme-select{display:none}}@media(max-width:640px){.compiler-topbar{padding:0 8px;gap:4px}.compiler-title span,.lang-tabs{display:none}.lang-select-mobile{display:block}.lang-tab{padding:4px 8px;font-size:11px}.font-controls{display:none}}.ai-toggle-btn{gap:5px;font-family:inherit}.ai-toggle-btn.active{color:var(--yellow);border-color:var(--yellow-border);background:var(--yellow-dim);box-shadow:0 0 8px rgba(var(--yellow-rgb),.2)}.ai-panel{position:fixed;top:0;right:0;width:360px;height:100vh;z-index:950;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-6px 0 28px #0009}.ai-panel.open{transform:translate(0)}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-card)}.ai-panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-primary)}.ai-bot-icon{width:24px;height:24px;border-radius:6px;background:var(--yellow);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 8px rgba(var(--yellow-rgb),.35)}.ai-lang-badge{font-size:10px;font-family:JetBrains Mono,monospace;padding:2px 7px;border-radius:99px;background:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--yellow);font-weight:600}.ai-close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:color var(--transition),background var(--transition)}.ai-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.ai-messages{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;min-height:0;scrollbar-width:thin;scrollbar-color:#333 transparent;background:var(--bg-primary)}.ai-messages::-webkit-scrollbar{width:4px}.ai-messages::-webkit-scrollbar-track{background:transparent}.ai-messages::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.ai-messages::-webkit-scrollbar-thumb:hover{background:var(--yellow)}.ai-msg{display:flex;align-items:flex-start;gap:8px;animation:fadeIn .18s ease}.ai-msg.user{flex-direction:row-reverse}.ai-msg-avatar{width:20px;height:20px;border-radius:5px;background:var(--yellow);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.ai-msg-bubble{max-width:84%;font-size:12.5px;line-height:1.65;padding:8px 12px;border-radius:10px;word-break:break-word;white-space:pre-wrap}.ai-msg.bot .ai-msg-bubble{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-top-left-radius:3px}.ai-msg.user .ai-msg-bubble{background:none;border:none;color:var(--yellow);padding:4px 0;max-width:100%}.ai-typing{display:flex!important;align-items:center;gap:4px;padding:12px 14px!important}.ai-typing span{width:5px;height:5px;border-radius:50%;background:var(--yellow);animation:aiDot 1.2s infinite;display:block;opacity:.5}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}.ai-hint{font-size:10px;color:var(--text-muted);font-family:JetBrains Mono,monospace;text-align:center;padding:5px 12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-secondary)}.ai-input-row{padding:10px 12px;display:flex;gap:8px;align-items:flex-end;flex-shrink:0;background:var(--bg-card);border-top:1px solid var(--border)}.ai-input{flex:1;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:12.5px;font-family:inherit;padding:9px 12px;outline:none;resize:none;line-height:1.5;transition:border-color var(--transition),box-shadow var(--transition);scrollbar-width:none}.ai-input::-webkit-scrollbar{display:none}.ai-input:focus{border-color:var(--yellow-border);box-shadow:0 0 0 3px rgba(var(--yellow-rgb),.07)}.ai-input::placeholder{color:var(--text-muted)}.ai-input:disabled{opacity:.45;cursor:not-allowed}.ai-send-btn{width:36px;height:36px;border-radius:8px;background:var(--yellow);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 2px 8px rgba(var(--yellow-rgb),.3)}.ai-send-btn:hover:not(:disabled){background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--yellow-rgb),.4)}.ai-send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.ai-spinner{width:12px;height:12px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .55s linear infinite;display:inline-block}@media(max-width:640px){.ai-panel{width:100vw;border-left:none}}.ai-quick-actions{display:flex;gap:6px;padding:10px 12px;flex-wrap:wrap;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.ai-chip{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.ai-chip:hover:not(:disabled){color:var(--yellow);border-color:var(--yellow-border);background:var(--yellow-dim);transform:translateY(-1px)}.ai-chip:active:not(:disabled){transform:translateY(0)}.ai-chip:disabled{opacity:.35;cursor:not-allowed;transform:none}.ai-msg-counter{font-size:10px;font-family:JetBrains Mono,monospace;padding:2px 7px;border-radius:99px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-weight:600;min-width:22px;text-align:center}.ai-unlimited-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:99px;background:linear-gradient(135deg,rgba(var(--yellow-rgb),.15),#34d39926);border:1px solid rgba(var(--yellow-rgb),.2);color:#34d399;font-size:9px;font-weight:700;letter-spacing:.5px;margin-right:6px;animation:unlimitedGlow 3s ease-in-out infinite}@keyframes unlimitedGlow{0%,to{border-color:rgba(var(--yellow-rgb),.2)}50%{border-color:#34d39966}}.ai-msg-bubble span{display:inline}.ai-msg.bot .ai-msg-bubble code{background:rgba(var(--yellow-rgb),.1);border:1px solid rgba(var(--yellow-rgb),.15);padding:1px 5px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--yellow)}.mc-root{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:var(--bg-primary);position:relative}.mc-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:44px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;gap:8px}.mc-lang-tag{display:flex;align-items:center;gap:5px;min-width:0}.mc-lang-emoji{font-size:15px;line-height:1}.mc-lang-name{font-size:12px;font-weight:700;color:var(--text-primary);white-space:nowrap}.mc-status{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.mc-stat{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted);background:var(--bg-hover);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.mc-auto-badge{font-size:9px;font-weight:700;color:var(--yellow);background:var(--yellow-dim);border:1px solid var(--yellow-border);padding:2px 6px;border-radius:99px;letter-spacing:.5px;animation:pulse 1.4s infinite}.mc-run-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;background:var(--yellow);color:#000;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;font-family:inherit;white-space:nowrap;flex-shrink:0}.mc-run-btn:active:not(:disabled){transform:scale(.96)}.mc-run-btn:disabled{opacity:.7;cursor:not-allowed}.mc-run-btn.running{background:var(--bg-hover);color:var(--yellow);border:1px solid var(--yellow-border)}.mc-run-btn.done{background:#28c840;color:#000}.mc-lang-bar{display:flex;align-items:center;gap:4px;padding:6px 10px;overflow-x:auto;scrollbar-width:none;flex-shrink:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch}.mc-lang-bar::-webkit-scrollbar{display:none}.mc-lang-pill{display:flex;align-items:center;gap:3px;padding:4px 10px;border-radius:6px;background:var(--bg-hover);border:1px solid transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit;flex-shrink:0}.mc-lang-pill:active{transform:scale(.94)}.mc-lang-pill.active{background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow)}.mc-panel-bar{display:flex;align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.mc-panel-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 4px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;position:relative}.mc-panel-tab:active{background:var(--bg-hover)}.mc-panel-tab.active{color:var(--yellow);border-bottom-color:var(--yellow)}.mc-tab-icon{font-size:14px;line-height:1}.mc-tab-label{font-size:9px;letter-spacing:.3px}.mc-tab-badge{position:absolute;top:4px;right:6px;background:var(--yellow);color:#000;font-size:8px;font-weight:800;padding:1px 4px;border-radius:99px;min-width:14px;text-align:center}.mc-editor-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.mc-filename-bar{display:flex;align-items:center;gap:8px;padding:4px 10px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.mc-filename{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted)}.mc-filename-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.mc-stdin-toggle{display:flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:5px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit;white-space:nowrap}.mc-stdin-toggle:active{transform:scale(.94)}.mc-stdin-toggle.active{color:var(--yellow);border-color:var(--yellow-border);background:var(--yellow-dim)}.mc-tool-btn{height:26px;min-width:26px;padding:0 6px;border-radius:5px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .18s;font-family:JetBrains Mono,monospace;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.mc-tool-btn:active{transform:scale(.9)}.mc-tool-btn.on{color:var(--yellow);border-color:var(--yellow-border);background:var(--yellow-dim)}.mc-font-val{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted);min-width:18px;text-align:center;flex-shrink:0}.mc-stdin-wrap{padding:6px 10px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.mc-stdin-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.mc-stdin-label-inner{display:flex;align-items:center;gap:4px}.mc-stdin-clear{background:none;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;font-family:inherit;padding:0}.mc-stdin-area{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:12px;padding:6px 10px;outline:none;resize:vertical;line-height:1.5;transition:border-color .2s;max-height:80px}.mc-stdin-area:focus{border-color:var(--yellow-border)}.mc-code-wrap{display:flex;flex:1;overflow:hidden;min-height:0}.mc-line-nums{display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border);padding:12px 6px 12px 8px;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:32px;overflow:hidden}.mc-line-num{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);line-height:1.6;text-align:right;opacity:.5}.mc-code-editor-wrap{position:relative;flex:1;display:flex;overflow:hidden}.mc-code-highlight{position:absolute;inset:0;margin:0;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:#abb2bf;background:transparent;border:none;overflow:hidden;pointer-events:none;z-index:0;tab-size:2;word-break:break-all}.mc-code-area{position:relative;z-index:1;flex:1;background:transparent;color:transparent;caret-color:#fff;font-family:JetBrains Mono,monospace;border:none;outline:none;resize:none;padding:12px 14px;line-height:1.6;overflow:auto;min-width:0;min-height:0;tab-size:2;-webkit-overflow-scrolling:touch}.mc-code-area::selection{background:#6384c759;color:transparent}.mc-code-area::-webkit-scrollbar{width:4px;height:4px}.mc-code-area::-webkit-scrollbar-track{background:transparent}.mc-code-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.hl-kw1{color:#c678dd}.hl-kw2{color:#61afef}.hl-string{color:#98c379}.hl-comment{color:#5c6370;font-style:italic}.hl-number{color:#d19a66}.hl-fn{color:#61afef}.hl-builtin{color:#e5c07b}.hl-op{color:#56b6c2}.hl-tag{color:#e06c75}.hl-attr{color:#d19a66}.mc-keyboard-bar{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0}.mc-kb-toggle,.mc-kb-snip-toggle{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:5px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.mc-kb-toggle:active,.mc-kb-snip-toggle:active{background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow)}.mc-keys{display:flex;align-items:center;gap:3px;padding:4px 10px 6px;overflow-x:auto;scrollbar-width:none;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0;-webkit-overflow-scrolling:touch}.mc-keys::-webkit-scrollbar{display:none}.mc-key{display:flex;align-items:center;justify-content:center;min-width:36px;height:32px;padding:0 8px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,transform .1s;font-family:JetBrains Mono,monospace;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mc-key:active{background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow);transform:scale(.92)}.mc-key-wide{min-width:44px;background:var(--bg-hover)}.mc-snip-drawer{background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0;max-height:180px;display:flex;flex-direction:column}.mc-snip-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:11px;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.mc-snip-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1;padding:2px;font-family:inherit}.mc-snip-list{display:flex;gap:4px;padding:6px 10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mc-snip-list::-webkit-scrollbar{display:none}.mc-snip-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px;min-width:90px;border-radius:6px;background:var(--bg-hover);border:1px solid var(--border);cursor:pointer;transition:all .18s;font-family:inherit;flex-shrink:0;text-align:left}.mc-snip-item:active{background:var(--yellow-dim);border-color:var(--yellow-border)}.mc-snip-label{font-size:10px;font-weight:700;color:var(--text-primary)}.mc-snip-preview{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.mc-output-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.mc-output-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.mc-output-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-primary)}.mc-output-actions{display:flex;align-items:center;gap:6px}.mc-out-clear{font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;font-family:inherit;padding:3px 8px;border-radius:4px;transition:all .2s}.mc-out-clear:active{background:var(--bg-hover);color:var(--text-primary)}.mc-run-btn-sm{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:6px;background:var(--yellow);color:#000;font-size:11px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .18s}.mc-run-btn-sm:active:not(:disabled){transform:scale(.95)}.mc-run-btn-sm.running{background:var(--bg-hover);color:var(--yellow);border:1px solid var(--yellow-border)}.mc-html-preview-wrap{height:200px;flex-shrink:0;border-bottom:1px solid var(--border);background:#fff}.mc-html-frame{width:100%;height:100%;border:none;display:block}.mc-output-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:2px;background:#0c0c0c;min-height:0;-webkit-overflow-scrolling:touch}.mc-output-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;text-align:center}.mc-empty-icon{width:44px;height:44px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted)}.mc-output-empty p{font-size:13px;color:var(--text-secondary)}.mc-empty-hint{font-size:11px!important;color:var(--text-muted)!important}.mc-out-line{display:flex;align-items:flex-start;gap:6px;padding:4px 6px;border-radius:4px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.mc-out-prefix{font-size:12px;flex-shrink:0;padding-top:1px;min-width:12px;color:var(--text-muted)}.mc-out-text{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-all;color:#c9d1d9}.mc-out-line.err .mc-out-text,.mc-out-line.err .mc-out-prefix{color:#f38275}.mc-out-line.err{background:#f382750f}.mc-out-line.warn .mc-out-text,.mc-out-line.warn .mc-out-prefix{color:var(--yellow)}.mc-out-line.ok .mc-out-text{color:#34d399;font-style:italic}.mc-out-line.ok .mc-out-prefix{color:#34d399}.mc-out-line.fail .mc-out-text{color:#f38275;font-style:italic}.mc-out-line.info .mc-out-text{color:#7eb6ff}.mc-snippets-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.mc-snips-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;font-size:12px;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border);flex-shrink:0}.mc-snips-title{display:flex;align-items:center;gap:6px}.mc-snips-count{font-size:10px;font-family:JetBrains Mono,monospace;background:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--yellow);padding:1px 7px;border-radius:99px}.mc-snips-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mc-snip-card{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .18s;font-family:inherit;text-align:left;align-items:flex-start}.mc-snip-card:active{background:var(--yellow-dim);border-color:var(--yellow-border);transform:scale(.97)}.mc-snip-card-title{font-size:11px;font-weight:700;color:var(--text-primary)}.mc-snip-card-code{font-family:JetBrains Mono,monospace;font-size:9.5px;color:var(--text-muted);line-height:1.4;white-space:pre-wrap;word-break:break-all}.mc-snip-card-action{font-size:9px;font-weight:700;color:var(--yellow);margin-top:2px}.mc-common-header{display:flex;align-items:center;gap:5px;padding:8px 12px 6px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.mc-common-list{display:flex;gap:6px;padding:0 12px 12px;flex-shrink:0;flex-wrap:wrap}.mc-common-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s}.mc-common-btn:active{background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow);transform:scale(.96)}.mc-ai-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.mc-ai-chips{display:flex;gap:4px;padding:8px 10px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;-webkit-overflow-scrolling:touch}.mc-ai-chips::-webkit-scrollbar{display:none}.mc-ai-chip svg{flex-shrink:0}.mc-ai-chip{padding:5px 11px;border-radius:99px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s;font-family:inherit;flex-shrink:0}.mc-ai-chip:active:not(:disabled){background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow);transform:scale(.95)}.mc-ai-chip:disabled{opacity:.35;cursor:not-allowed}.mc-ai-messages{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:10px;min-height:0;background:var(--bg-primary);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#333 transparent}.mc-ai-messages::-webkit-scrollbar{width:3px}.mc-ai-messages::-webkit-scrollbar-track{background:transparent}.mc-ai-messages::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.mc-ai-msg{display:flex;align-items:flex-start;gap:7px;animation:fadeIn .18s ease}.mc-ai-msg.user{flex-direction:row-reverse}.mc-ai-avatar{width:24px;height:24px;border-radius:6px;background:var(--yellow);color:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;padding:3px}.mc-ai-bubble{max-width:85%;font-size:12.5px;line-height:1.6;padding:8px 11px;border-radius:10px;word-break:break-word;white-space:pre-wrap}.mc-ai-msg.bot .mc-ai-bubble{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-top-left-radius:3px}.mc-ai-msg.user .mc-ai-bubble{background:none;border:none;color:var(--yellow);padding:3px 0;max-width:90%;text-align:right}.mc-ai-typing{display:flex!important;align-items:center;gap:4px;padding:10px 14px!important}.mc-ai-typing span{width:5px;height:5px;border-radius:50%;background:var(--yellow);animation:aiDot 1.2s infinite;opacity:.4;display:block}.mc-ai-typing span:nth-child(2){animation-delay:.2s}.mc-ai-typing span:nth-child(3){animation-delay:.4s}@keyframes aiDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.mc-ai-input-row{display:flex;gap:6px;align-items:flex-end;padding:8px 10px;background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0}.mc-ai-input{flex:1;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;padding:8px 11px;outline:none;resize:none;line-height:1.5;transition:border-color .2s;scrollbar-width:none}.mc-ai-input::-webkit-scrollbar{display:none}.mc-ai-input:focus{border-color:var(--yellow-border)}.mc-ai-input::placeholder{color:var(--text-muted)}.mc-ai-input:disabled{opacity:.45}.mc-ai-send{width:38px;height:38px;border-radius:8px;background:var(--yellow);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0;transition:background .18s,transform .15s}.mc-ai-send:active:not(:disabled){transform:scale(.93)}.mc-ai-send:disabled{opacity:.3;cursor:not-allowed}.mc-ai-footer{display:flex;align-items:center;justify-content:center;gap:4px;font-size:9.5px;color:var(--text-muted);font-family:JetBrains Mono,monospace;text-align:center;padding:4px 10px;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.mc-bottom-bar{display:flex;align-items:center;gap:0;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0;height:48px;padding:0 8px;gap:6px}.mc-bottom-edit,.mc-bottom-out{display:flex;align-items:center;gap:5px;padding:0 12px;height:36px;border-radius:8px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit;flex-shrink:0;white-space:nowrap;position:relative}.mc-bottom-edit:active,.mc-bottom-out:active{background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow)}.mc-bottom-run{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:8px;background:var(--yellow);color:#000;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:background .18s,transform .15s,box-shadow .18s;font-family:inherit;box-shadow:0 2px 10px rgba(var(--yellow-rgb),.3)}.mc-bottom-run:active:not(:disabled){transform:scale(.97);box-shadow:none}.mc-bottom-run:disabled{opacity:.7;cursor:not-allowed}.mc-bottom-run.running{background:var(--bg-hover);color:var(--yellow);border:1px solid var(--yellow-border);box-shadow:none}.mc-out-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#34d399}.mc-spinner{width:12px;height:12px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .55s linear infinite;display:inline-block}.mc-spinner-sm{width:10px;height:10px;border:2px solid rgba(245,197,24,.3);border-top-color:var(--yellow);border-radius:50%;animation:spin .55s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.library-page{display:flex;flex-direction:column;min-height:100vh}.lib-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:60px 24px 40px}.lib-header-inner{max-width:860px;margin:0 auto}.section-label-lib{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin-bottom:12px}.lib-title{font-size:clamp(32px,5vw,52px);font-weight:900;letter-spacing:-2px;color:var(--text-primary);margin-bottom:14px;line-height:1.1}.lib-yellow{color:var(--yellow)}.lib-sub{font-size:16px;color:var(--text-secondary);line-height:1.65;max-width:600px;margin-bottom:32px}.search-bar{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px 16px;max-width:520px;transition:border-color var(--transition)}.search-bar:focus-within{border-color:var(--yellow-border);box-shadow:0 0 0 3px rgba(var(--yellow-rgb),.06)}.search-bar svg{stroke:var(--text-muted);flex-shrink:0}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:14px;font-family:inherit}.search-input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:2px;border-radius:4px;transition:color var(--transition)}.search-clear:hover{color:var(--text-primary)}.lib-filters{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:16px 24px;position:sticky;top:56px;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lib-filters-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;min-width:72px;flex-shrink:0}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{padding:5px 14px;border-radius:99px;font-size:13px;font-weight:500;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-family:inherit}.filter-pill:hover{color:var(--text-primary);border-color:#444;background:var(--bg-hover)}.filter-pill.active{background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow);font-weight:600}.lib-content{flex:1;max-width:1280px;margin:0 auto;padding:32px 24px 64px;width:100%}.lib-stats{margin-bottom:20px}.lib-count{font-size:13px;color:var(--text-muted)}.lib-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;color:var(--text-muted);font-size:15px;text-align:center}.clear-filters-btn{padding:8px 20px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:all var(--transition)}.clear-filters-btn:hover{color:var(--text-primary);border-color:#444}.snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px;align-items:start}.snippet-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.snippet-card:hover{border-color:#333;box-shadow:0 4px 20px #0000004d}.snippet-card.open{border-color:var(--yellow-border);box-shadow:0 0 0 1px rgba(var(--yellow-rgb),.1),0 8px 32px #0006}.snippet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.snippet-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lang-badge{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:3px 8px;border-radius:5px;border:1px solid;letter-spacing:.5px}.cat-badge{font-size:12px;color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);border-radius:5px;padding:3px 8px}.snippet-chevron{color:var(--text-muted);transition:transform var(--transition);flex-shrink:0}.snippet-body{padding:12px 16px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.snippet-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:5px;letter-spacing:-.2px}.snippet-desc{font-size:13px;color:var(--text-secondary);line-height:1.55}.snippet-expanded{border-top:1px solid var(--border);animation:slideDown .22s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.snippet-code-wrap{position:relative}.copy-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-family:inherit;cursor:pointer;z-index:5;transition:all var(--transition)}.copy-btn:hover{color:var(--text-primary);border-color:#444}.copy-btn.copied{color:#34d399;border-color:#34d39966;background:#34d3990f}.snippet-code{margin:0;padding:16px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.65;color:#c9d1d9;background:#0d0d0d;overflow-x:auto;white-space:pre;max-height:300px;scrollbar-width:thin}.snippet-actions{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--border)}.open-compiler-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;background:var(--yellow);color:#000;font-size:13px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.open-compiler-btn:hover{background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--yellow-rgb),.3)}@media(max-width:768px){.snippets-grid{grid-template-columns:1fr}.lib-header{padding:48px 16px 32px}.lib-filters{padding:12px 16px}.lib-content{padding:24px 16px 48px}.filter-label{min-width:60px;font-size:11px}}.auth-root{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:24px;background:var(--bg-primary)}.auth-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.auth-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(var(--yellow-rgb),.05) 0%,transparent 65%)}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;background-position:center top}.auth-close{position:fixed;top:28px;right:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:none;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px;border-radius:50%;border:1px solid transparent;cursor:pointer}.auth-close:hover{color:var(--text-primary);background:var(--bg-card);border-color:var(--border);transform:rotate(90deg)}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes spin-gradient{to{--angle: 360deg}}.auth-card-container{position:relative;z-index:2;width:100%;max-width:440px;border-radius:20px;padding:1.7px;animation:cardIn .4s cubic-bezier(.4,0,.2,1);overflow:visible}.auth-card-container-verify{max-width:460px}.auth-card-container:before{content:"";position:absolute;inset:-17px;border-radius:42px;background:conic-gradient(from var(--angle),transparent 0%,rgba(245,197,24,.5) 15%,var(--yellow) 25%,transparent 25%,transparent 50%,rgba(138,43,226,.6) 65%,#8a2be2 75%,transparent 75%,transparent 100%);filter:blur(22px);opacity:.75;z-index:-1;animation:spin-gradient 4s linear infinite}.auth-card-container:after{content:"";position:absolute;inset:0;border-radius:20px;background:conic-gradient(from var(--angle),transparent 0%,rgba(245,197,24,.4) 15%,var(--yellow) 25%,transparent 25%,transparent 50%,rgba(138,43,226,.5) 65%,#8a2be2 75%,transparent 75%,transparent 100%);z-index:0;animation:spin-gradient 4s linear infinite}.auth-card{position:relative;z-index:1;width:100%;background:#0d0d0d;border-radius:18px;padding:36px 36px 32px}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.auth-logo{display:flex;align-items:center;gap:8px;margin-bottom:28px;justify-content:center}.auth-logo-icon{flex-shrink:0;filter:drop-shadow(0 0 8px rgba(var(--yellow-rgb),.3))}.auth-logo-text{font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;position:relative;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:4px;margin-bottom:28px;overflow:hidden}.auth-tab{position:relative;z-index:2;padding:9px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;border-radius:7px;transition:color var(--transition)}.auth-tab.active{color:#000}.auth-tab-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--yellow);border-radius:7px;transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:1}.auth-form{display:flex;flex-direction:column;gap:16px;animation:formIn .3s cubic-bezier(.4,0,.2,1)}@keyframes formIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.form-headline{margin-bottom:2px}.form-title{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:4px}.form-sub{font-size:13px;color:var(--text-muted)}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition)}.social-btn:hover{background:var(--bg-hover);border-color:#444;color:var(--text-primary);transform:translateY(-1px)}.divider{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted);margin:-2px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.field-wrap{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.2px}.field-box{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:0 14px;transition:border-color var(--transition),box-shadow var(--transition);gap:10px}.field-box:focus-within{border-color:var(--yellow-border);box-shadow:0 0 0 3px rgba(var(--yellow-rgb),.07)}.field-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.field-icon svg{stroke:var(--text-muted)}.field-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:14px;padding:12px 0;font-family:inherit}.field-input::placeholder{color:var(--text-muted)}.toggle-eye{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:4px;border-radius:6px;transition:color var(--transition);flex-shrink:0}.toggle-eye:hover{color:var(--text-secondary)}.field-meta{display:flex;align-items:center;justify-content:space-between;margin:-4px 0}.remember-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary);cursor:pointer}.remember-check{width:14px;height:14px;accent-color:var(--yellow);cursor:pointer}.forgot-link{background:none;border:none;font-family:inherit;font-size:13px;color:var(--yellow);font-weight:500;cursor:pointer;padding:0;transition:color var(--transition)}.forgot-link:hover{color:var(--yellow-light);text-decoration:underline}.terms-label{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-muted);line-height:1.5;cursor:pointer;margin:-2px 0}.terms-link{color:var(--yellow);text-decoration:none;font-weight:500}.terms-link:hover{text-decoration:underline}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:var(--yellow);color:#000;font-size:15px;font-weight:700;border:none;border-radius:10px;cursor:pointer;font-family:inherit;margin-top:2px;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.auth-submit:hover{background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--yellow-rgb),.35)}.auth-submit:active{transform:none;box-shadow:none}.auth-submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.auth-error{font-size:13px;font-weight:500;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:8px;padding:10px 14px;margin:-4px 0}.auth-success{font-size:13px;font-weight:500;color:#4ade80;background:#4ade8014;border:1px solid rgba(74,222,128,.25);border-radius:8px;padding:10px 14px;margin:-4px 0}.auth-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:auth-spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;font-size:13px;color:var(--text-muted);margin-top:-4px}.switch-link{background:none;border:none;cursor:pointer;color:var(--yellow);font-size:13px;font-weight:600;font-family:inherit;padding:0;transition:color var(--transition)}.switch-link:hover{color:var(--yellow-light);text-decoration:underline}@media(max-width:480px){.auth-card{padding:28px 20px 24px;border-radius:16px}.auth-close{top:16px;right:16px;padding:6px}}.signup-security-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:#4ade8012;border:1px solid rgba(74,222,128,.2);border-radius:8px;font-size:12px;font-weight:600;color:#4ade80;margin-bottom:-4px}.auth-card-verify{max-width:460px}.verify-screen{display:flex;flex-direction:column;align-items:center;gap:0;animation:formIn .35s cubic-bezier(.4,0,.2,1)}.verify-envelope-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto 20px}.verify-envelope-wrap:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--yellow-dim);animation:verify-pulse 2.4s ease-in-out infinite}@keyframes verify-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.18);opacity:.2}}.verify-envelope{position:relative;width:80px;height:60px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 20px rgba(var(--yellow-rgb),.25));animation:verify-float 3s ease-in-out infinite}@keyframes verify-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.verify-env-svg{width:80px;height:60px}.verify-envelope-dot{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:var(--yellow);border-radius:50%;border:2px solid var(--bg-card);animation:verify-dot-pop .5s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes verify-dot-pop{0%{transform:scale(0)}to{transform:scale(1)}}.verify-content{width:100%;display:flex;flex-direction:column;gap:14px}.verify-title{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;text-align:center;margin:0}.verify-sub{font-size:13px;color:var(--text-muted);text-align:center;margin:-8px 0 -4px}.verify-email-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--yellow-border);border-radius:99px;font-size:13px;font-weight:600;color:var(--yellow);margin:0 auto;max-width:100%;word-break:break-all;justify-content:center}.verify-steps{list-style:none;display:flex;flex-direction:column;gap:0;padding:0;margin:2px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.verify-step{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border);transition:background var(--transition)}.verify-step:last-child{border-bottom:none}.verify-step.done{color:#4ade80;background:#4ade800a}.verify-step.active{color:var(--text-primary);font-weight:600;background:var(--yellow-dim)}.verify-step-num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted)}.verify-step.done .verify-step-num{background:#4ade8026;border-color:#4ade804d;color:#4ade80}.verify-step.active .verify-step-num{background:var(--yellow);border-color:var(--yellow);color:#000}.verify-footer{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.verify-footer-text{font-size:12px;color:var(--text-muted)}.verify-resend-btn{background:none;border:none;font-family:inherit;font-size:12px;font-weight:600;color:var(--yellow);cursor:pointer;padding:0;transition:color var(--transition),opacity var(--transition)}.verify-resend-btn:disabled{color:var(--text-muted);cursor:default}.verify-resend-btn:not(:disabled):hover{color:var(--yellow-light);text-decoration:underline}.verify-resend-inline{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;background:var(--yellow-dim);border:1px solid var(--yellow-border);border-radius:8px;color:var(--yellow);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition);width:100%;justify-content:center}.verify-resend-inline:hover:not(:disabled){background:rgba(var(--yellow-rgb),.15)}.verify-resend-inline:disabled{opacity:.55;cursor:not-allowed}.verify-back-btn{background:none;border:none;font-family:inherit;font-size:12px;color:var(--text-muted);cursor:pointer;padding:0;text-align:center;transition:color var(--transition);margin-top:-4px}.verify-back-btn:hover{color:var(--text-secondary)}.blog-page{max-width:1200px;margin:0 auto;padding:40px 24px 100px;font-family:Inter,Outfit,sans-serif}.blog-hero{position:relative;border-radius:24px;overflow:hidden;margin-bottom:56px;min-height:420px;display:flex;align-items:flex-end}.blog-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.45)}.blog-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(8,8,8,.95) 100%)}.blog-hero-content{position:relative;z-index:2;padding:48px}.blog-hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:var(--yellow);color:#000;border-radius:20px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.blog-hero-badge .live-dot{width:6px;height:6px;border-radius:50%;background:#000;animation:blink 1.2s ease-in-out infinite}.blog-hero h1{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.2;margin:0 0 14px;letter-spacing:-.03em;max-width:680px}.blog-hero-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.blog-hero-cat{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:#6c8eff33;color:#6c8eff;border:1px solid rgba(108,142,255,.4)}.blog-hero-date,.blog-hero-time{font-size:.82rem;color:#fff9;display:flex;align-items:center;gap:5px}.blog-hero-excerpt{font-size:1rem;color:#ffffffbf;line-height:1.7;max-width:580px;margin-bottom:24px}.blog-hero-read-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--yellow);color:#000;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s}.blog-hero-read-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5c51866}.blog-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:36px;flex-wrap:wrap}.blog-search-wrap{position:relative;flex:1;min-width:220px}.blog-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.blog-search{width:100%;padding:12px 16px 12px 42px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.blog-search:focus{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-dim)}.blog-search::placeholder{color:var(--text-secondary)}.blog-sort-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:6px 8px}.blog-sort-label{font-size:.78rem;color:var(--text-secondary);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:0 6px;white-space:nowrap}.blog-sort-btn{padding:6px 14px;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;background:transparent;color:var(--text-secondary);transition:background .2s,color .2s}.blog-sort-btn.active{background:var(--yellow);color:#000}.blog-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}.blog-tab{display:flex;align-items:center;gap:7px;padding:8px 18px;border:1px solid var(--border);border-radius:24px;background:var(--bg-card);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.blog-tab:hover{border-color:var(--yellow);color:var(--yellow)}.blog-tab.active{background:var(--yellow);border-color:var(--yellow);color:#000}.blog-tab-count{background:#00000026;border-radius:10px;padding:1px 7px;font-size:.72rem}.blog-tab.active .blog-tab-count{background:#0003}.blog-main-grid{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.blog-articles{display:flex;flex-direction:column;gap:0}.blog-no-results{text-align:center;padding:60px 20px;color:var(--text-secondary)}.blog-no-results svg{margin-bottom:16px;opacity:.4}.blog-no-results h3{font-size:1.1rem;margin-bottom:8px;color:var(--text-primary)}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden;margin-bottom:20px;transition:border-color .25s,box-shadow .25s,transform .25s}.blog-card:hover{border-color:#f5c51866;box-shadow:0 4px 32px #0000004d;transform:translateY(-2px)}.blog-card.expanded{border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow-border);transform:none}.blog-card-img-wrap{width:100%;height:200px;overflow:hidden;position:relative}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-img{transform:scale(1.04)}.blog-card-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(22,22,22,.9) 100%)}.blog-card-breaking{position:absolute;top:14px;left:14px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:6px;display:flex;align-items:center;gap:5px}.breaking-dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:blink .8s ease-in-out infinite}.blog-card-header{width:100%;text-align:left;background:none;border:none;padding:24px 28px 20px;cursor:pointer;display:block}.blog-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.blog-cat-tag{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:20px;border:1px solid}.blog-sep{color:var(--border);font-size:.85rem}.blog-date-txt,.blog-time-txt{font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.blog-card-title{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.02em;line-height:1.35;text-align:left}.blog-card-excerpt{font-size:.88rem;color:var(--text-secondary);line-height:1.65;margin:0 0 18px;text-align:left}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.blog-author-wrap{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-secondary)}.blog-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--yellow),#f97316);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;color:#000;flex-shrink:0}.blog-read-btn{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--yellow);transition:gap .2s}.blog-read-btn:hover{gap:10px}.blog-card-divider{height:1px;background:var(--border);margin:0 28px}.blog-card-body{padding-bottom:28px}.blog-card-content{padding:24px 28px 0;color:var(--text-primary);font-size:.94rem;line-height:1.8}.blog-h2{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:26px 0 10px;letter-spacing:-.02em;padding-bottom:6px;border-bottom:1px solid var(--border)}.blog-p{margin:0 0 12px;color:var(--text-secondary);line-height:1.8}.blog-li{color:var(--text-secondary);margin:4px 0 4px 22px;line-height:1.7}.blog-para-gap{height:10px}.inline-code{background:#ffffff12;border:1px solid var(--border);padding:1px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.875em;color:var(--yellow)}.blog-code-block{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:16px 0;background:#0d0d0f}.blog-code-header{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0a;border-bottom:1px solid var(--border)}.blog-code-lang{font-size:.7rem;color:var(--text-secondary);margin-left:6px;font-family:monospace}.blog-code-block pre{margin:0;padding:16px 20px;overflow-x:auto;font-size:.83rem;line-height:1.7;font-family:JetBrains Mono,monospace;color:#e2e8f0}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.red{background:#ff5f57}.dot.yellow-dot{background:#febc2e}.dot.green{background:#28c840}.blog-table-row{display:flex;border-bottom:1px solid var(--border);font-size:.85rem}.blog-table-cell{flex:1;padding:8px 12px;color:var(--text-secondary)}.blog-table-row:first-child .blog-table-cell{font-weight:700;color:var(--text-primary);background:#ffffff0a}.blog-sidebar{display:flex;flex-direction:column;gap:24px}.blog-sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden}.blog-sidebar-title{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-primary);border-bottom:1px solid var(--border)}.blog-ticker{padding:0}.blog-ticker-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.blog-ticker-item:last-child{border-bottom:none}.blog-ticker-item:hover{background:var(--bg-hover)}.blog-ticker-num{font-size:.7rem;font-weight:800;color:var(--yellow);min-width:20px;padding-top:2px}.blog-ticker-text{font-size:.82rem;color:var(--text-primary);line-height:1.45;font-weight:500}.blog-ticker-time{font-size:.7rem;color:var(--text-secondary);margin-top:4px}.blog-tags-wrap{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.blog-tag{padding:5px 12px;border:1px solid var(--border);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;background:transparent;font-family:inherit}.blog-tag:hover{background:var(--yellow);color:#000;border-color:var(--yellow)}.blog-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.blog-stat-item{background:var(--bg-card);padding:16px 20px;text-align:center}.blog-stat-num{font-size:1.5rem;font-weight:800;color:var(--yellow);letter-spacing:-.03em}.blog-stat-label{font-size:.72rem;color:var(--text-secondary);margin-top:4px;font-weight:500}.blog-newsletter-card{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:1px solid rgba(108,142,255,.3);border-radius:20px;padding:28px 24px;text-align:center}.blog-newsletter-icon{width:48px;height:48px;border-radius:14px;background:#6c8eff33;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.4rem}.blog-newsletter-card h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:8px}.blog-newsletter-card p{font-size:.82rem;color:#fff9;line-height:1.6;margin-bottom:18px}.blog-newsletter-input{width:100%;padding:10px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:.85rem;font-family:inherit;outline:none;margin-bottom:10px;transition:border-color .2s}.blog-newsletter-input:focus{border-color:#6c8eff}.blog-newsletter-input::placeholder{color:#ffffff59}.blog-newsletter-submit{width:100%;padding:11px;background:linear-gradient(135deg,#6c8eff,#a78bfa);color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .2s}.blog-newsletter-submit:hover{opacity:.9;transform:translateY(-1px)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:900px){.blog-main-grid{grid-template-columns:1fr}.blog-sidebar{order:-1}}@media(max-width:640px){.blog-page{padding:20px 14px 60px}.blog-hero{min-height:320px}.blog-hero-content{padding:28px 20px}.blog-hero h1{font-size:1.5rem}.blog-card-header{padding:18px 18px 16px}.blog-card-content{padding:18px 18px 0}.blog-card-divider{margin:0 18px}.blog-card-img-wrap{height:160px}.blog-toolbar{flex-direction:column;align-items:stretch}}.help-page{max-width:1000px;margin:0 auto;padding:120px 24px;animation:fade-in .4s ease-out}.help-header{text-align:center;margin-bottom:64px}.help-header h1{font-size:48px;font-weight:800;color:var(--text-primary);margin-bottom:32px}.search-bar{max-width:600px;margin:0 auto;position:relative;display:flex;align-items:center}.search-bar svg{position:absolute;left:20px;color:var(--text-muted)}.search-bar input{width:100%;padding:16px 24px 16px 52px;border-radius:99px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.search-bar input:focus{border-color:var(--yellow);box-shadow:0 0 0 4px var(--yellow-dim)}.help-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:80px}.help-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px}.help-card h3{font-size:20px;color:var(--text-primary);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.help-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}.help-card a{color:var(--text-secondary);text-decoration:none;transition:color .2s;font-size:15px}.help-card a:hover{color:var(--yellow)}.help-contact{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:48px 24px}.help-contact h2{font-size:28px;color:var(--text-primary);margin-bottom:12px}.help-contact p{color:var(--text-secondary);margin-bottom:32px}.contact-btn{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:#000;padding:14px 32px;border-radius:99px;border:none;font-weight:700;font-size:16px;cursor:pointer;overflow:hidden;isolation:isolate;transition:background .2s,box-shadow .3s;box-shadow:0 0 20px rgba(var(--yellow-rgb),.35);animation:contact-pulse 2.5s ease-in-out infinite}@keyframes contact-pulse{0%,to{box-shadow:0 0 20px rgba(var(--yellow-rgb),.35),0 0 rgba(var(--yellow-rgb),.2)}50%{box-shadow:0 0 28px rgba(var(--yellow-rgb),.5),0 0 0 10px rgba(var(--yellow-rgb),0)}}.contact-btn-glow{position:absolute;inset:0;border-radius:99px;background:linear-gradient(120deg,var(--yellow) 0%,#ff9500 25%,#fff176 50%,#ff9500 75%,var(--yellow) 100%);background-size:250% 100%;background-position:100% 0;opacity:0;z-index:-1;transition:opacity .3s ease,background-position .6s ease}.contact-btn:hover .contact-btn-glow{opacity:1;background-position:0% 0;animation:glow-sweep 2s linear infinite}@keyframes glow-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.contact-btn:hover{background:transparent;box-shadow:0 0 35px rgba(var(--yellow-rgb),.6),0 8px 24px rgba(var(--yellow-rgb),.2);animation:none}.glow-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .25s ease-out;padding:16px}.glow-card{position:relative;background:linear-gradient(145deg,#1a1a1a,#161616,#121212);border:1px solid rgba(var(--yellow-rgb),.25);border-radius:24px;width:100%;max-width:560px;padding:44px 36px 40px;box-shadow:0 0 0 1px rgba(var(--yellow-rgb),.1),0 25px 60px #0009,0 0 80px rgba(var(--yellow-rgb),.08),inset 0 1px #ffffff0d;animation:glow-card-in .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.glow-card::-webkit-scrollbar{width:4px}.glow-card::-webkit-scrollbar-track{background:transparent}.glow-card::-webkit-scrollbar-thumb{background:rgba(var(--yellow-rgb),.3);border-radius:99px}@keyframes glow-card-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.glow-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);opacity:.12;animation:orb-float 6s ease-in-out infinite}.glow-orb-1{width:220px;height:220px;background:radial-gradient(circle,#f5c518,transparent);top:-60px;right:-60px;animation-delay:0s}.glow-orb-2{width:160px;height:160px;background:radial-gradient(circle,#ff9500,transparent);bottom:-40px;left:-40px;animation-delay:2s}.glow-orb-3{width:120px;height:120px;background:radial-gradient(circle,#f5c518,transparent);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.06;animation-delay:4s}@keyframes orb-float{0%,to{transform:scale(1) translate(0)}33%{transform:scale(1.08) translate(6px,-8px)}66%{transform:scale(.96) translate(-4px,5px)}}.glow-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--yellow-rgb),.1);border:1px solid rgba(var(--yellow-rgb),.3);border-radius:99px;padding:4px 14px;font-size:12px;font-weight:600;color:var(--yellow);letter-spacing:.5px;margin-bottom:14px}.glow-close-btn{position:absolute;top:20px;right:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s}.glow-close-btn:hover{background:rgba(var(--yellow-rgb),.12);border-color:rgba(var(--yellow-rgb),.35);color:var(--yellow)}.glow-card-header{margin-bottom:24px}.glow-card-header h2{font-size:26px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.glow-card-header p{font-size:14px;color:var(--text-secondary);line-height:1.6}.star-rating-section{display:flex;align-items:center;gap:16px;background:#ffffff05;border:1px solid var(--border);border-radius:12px;padding:12px 18px;margin-bottom:24px}.star-label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.stars{display:flex;gap:4px}.star-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--border);transition:color .15s,transform .15s;line-height:1;padding:2px}.star-btn.active{color:var(--yellow);text-shadow:0 0 10px rgba(var(--yellow-rgb),.5)}.star-btn:hover{transform:scale(1.2)}.glow-form{display:flex;flex-direction:column;gap:18px}.glow-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.glow-form-group{display:flex;flex-direction:column;gap:6px}.glow-form-group label{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper svg{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.input-wrapper input,.input-wrapper textarea{width:100%;padding:12px 14px 12px 42px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.textarea-wrapper svg{top:13px;align-self:flex-start}.input-wrapper textarea{resize:none;min-height:110px;line-height:1.5}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:rgba(var(--yellow-rgb),.6);box-shadow:0 0 0 3px rgba(var(--yellow-rgb),.1);background:rgba(var(--yellow-rgb),.03)}.glow-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}.response-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.response-chip svg{color:#4ade80}.glow-submit-btn{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#000;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 15px rgba(var(--yellow-rgb),.3);white-space:nowrap}.glow-submit-btn:hover{background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 8px 25px rgba(var(--yellow-rgb),.45)}.glow-submit-btn:active{transform:translateY(0)}.glow-success{text-align:center;padding:24px 0 16px;animation:fade-in .5s ease-out}.success-icon-ring{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(var(--yellow-rgb),.15),transparent 70%);border:2px solid rgba(var(--yellow-rgb),.5);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--yellow);box-shadow:0 0 30px rgba(var(--yellow-rgb),.25),0 0 0 8px rgba(var(--yellow-rgb),.06);animation:success-ring .6s cubic-bezier(.16,1,.3,1)}@keyframes success-ring{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.glow-success h2{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:12px}.glow-success p{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:360px;margin:0 auto}.feedback-section{margin-bottom:80px}.feedback-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:40px;text-align:center;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.feedback-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(var(--yellow-rgb),.15) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.feedback-card:hover{transform:translateY(-5px);border-color:var(--yellow);box-shadow:0 10px 40px rgba(var(--yellow-rgb),.2)}.feedback-card:hover:before{opacity:1}.feedback-content{position:relative;z-index:1}.feedback-card h3{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.5px}.feedback-card p{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto 32px;line-height:1.6}.feedback-btn{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:#000;padding:14px 32px;border-radius:99px;font-size:16px;font-weight:700;cursor:pointer;border:none;transition:background .2s,transform .2s,box-shadow .2s}.feedback-btn:hover{background:var(--yellow-light);transform:translateY(-2px);box-shadow:0 5px 20px rgba(var(--yellow-rgb),.3)}.feedback-btn svg{transition:transform .2s}.feedback-btn:hover svg{transform:translate(3px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:540px){.glow-form-row{grid-template-columns:1fr}.glow-form-footer{flex-direction:column;align-items:stretch}.glow-submit-btn{justify-content:center}.glow-card{padding:24px 20px}.star-rating-section{flex-direction:column;align-items:flex-start}}.input-select{width:100%;padding:12px 14px 12px 42px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;cursor:pointer}.input-select:focus{border-color:rgba(var(--yellow-rgb),.6);box-shadow:0 0 0 3px rgba(var(--yellow-rgb),.1);background:rgba(var(--yellow-rgb),.03)}.input-select option{background:#161616;color:var(--text-primary)}.glow-send-error{font-size:12px;font-weight:500;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:8px 12px;line-height:1.5}.glow-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:glow-spin .65s linear infinite;flex-shrink:0}@keyframes glow-spin{to{transform:rotate(360deg)}}.glow-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.help-faq-section{margin:60px 0 80px}.help-faq-title{font-size:clamp(24px,4vw,36px);font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px}.help-faq-sub{font-size:16px;color:var(--text-secondary);margin-bottom:32px}.help-faq-list{display:flex;flex-direction:column;gap:12px}.help-faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s}.help-faq-item.open{border-color:var(--yellow-border)}.help-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;border:none;color:var(--text-primary);font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:color .2s}.help-faq-item.open .help-faq-q{color:var(--yellow)}.faq-chevron{flex-shrink:0;transition:transform .2s;color:var(--text-secondary)}.help-faq-item.open .faq-chevron{color:var(--yellow)}.help-faq-a{font-size:15px;color:var(--text-secondary);line-height:1.75;padding:0 24px 20px;display:none}.help-faq-item.open .help-faq-a{display:block}.content-page{max-width:800px;margin:0 auto;padding:120px 24px;animation:fade-in .4s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-header{margin-bottom:48px;text-align:center}.content-header h1{font-size:42px;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-1px}.content-header p{font-size:18px;color:var(--text-secondary)}.content-body{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:48px;box-shadow:0 8px 32px #0003}.content-body h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-top:40px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.content-body h2:first-child{margin-top:0}.content-body h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-top:20px;margin-bottom:10px}.content-body strong{color:var(--text-primary);font-weight:600}.content-body p{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px}.content-body ul{margin-bottom:24px;padding-left:24px;color:var(--text-secondary);line-height:1.8}.content-body li{margin-bottom:8px}.content-body a{color:var(--yellow);text-decoration:none;transition:color .2s}.content-body a:hover{color:var(--yellow-light);text-decoration:underline}@media(max-width:640px){.content-page{padding:40px 16px 80px}.content-header h1{font-size:32px}.content-body{padding:24px}}.tut-page{display:flex;flex-direction:column;gap:0;min-height:100vh}.tut-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:80px 24px 60px;text-align:center}.tut-header-inner{max-width:700px;margin:0 auto}.tut-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--yellow-dim);border:1px solid var(--yellow-border);border-radius:99px;font-size:12px;font-weight:600;color:var(--yellow);letter-spacing:.5px;margin-bottom:24px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:tut-pulse 2s infinite}@keyframes tut-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.tut-title{font-size:clamp(32px,5vw,52px);font-weight:900;letter-spacing:-2px;color:var(--text-primary);margin-bottom:16px;line-height:1.1}.tut-sub{font-size:17px;color:var(--text-secondary);line-height:1.7;max-width:580px;margin:0 auto}.tut-sub strong{color:var(--yellow)}.tut-tabs-wrap{position:sticky;top:70px;z-index:40;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:0 24px;display:flex;justify-content:center}.tut-tabs{display:flex;gap:4px;padding:12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tut-tabs::-webkit-scrollbar{display:none}.tut-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:99px;border:1px solid transparent;font-size:14px;font-weight:600;color:var(--text-secondary);background:transparent;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s,border-color .2s}.tut-tab svg{stroke:currentColor}.tut-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tut-tab.active{color:var(--yellow);background:var(--yellow-dim);border-color:var(--yellow-border)}.tut-body{display:grid;grid-template-columns:1fr 300px;gap:32px;max-width:1200px;margin:0 auto;padding:40px 24px 80px;width:100%;align-items:start}.tut-list{display:flex;flex-direction:column;gap:12px}.tut-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.tut-card:hover{border-color:#333}.tut-card.featured{border-color:var(--yellow-border)}.tut-card.expanded{border-color:var(--yellow-border);box-shadow:0 4px 24px #0000004d}.tut-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:transparent;border:none;cursor:pointer;text-align:left}.tut-card-header:hover{background:var(--bg-hover)}.tut-card-left{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.tut-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--yellow-dim);border:1px solid var(--yellow-border);margin-top:2px}.tut-icon svg{stroke:var(--yellow)}.tut-card-info{flex:1;min-width:0}.tut-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.tut-level{font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:99px}.tut-level-green{background:#28c84026;color:#28c840}.tut-level-yellow{background:var(--yellow-dim);color:var(--yellow)}.tut-level-red{background:#ff5f571f;color:#ff5f57}.tut-meta-sep{color:var(--text-muted);font-size:12px}.tut-time{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.tut-time svg{stroke:var(--text-muted)}.tut-featured-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--yellow);background:var(--yellow-dim);border:1px solid var(--yellow-border);padding:2px 8px;border-radius:99px}.tut-featured-badge svg{fill:var(--yellow)}.tut-card-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.tut-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.tut-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .25s ease}.tut-chevron.open{transform:rotate(180deg)}.tut-card-body{border-top:1px solid var(--border);padding:32px 24px;animation:tut-slide-down .25s ease}@keyframes tut-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tut-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.tut-section-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--yellow);margin-bottom:16px}.tut-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.tut-step{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-secondary);line-height:1.6}.tut-step strong{color:var(--text-primary);font-weight:600}.tut-step em{color:var(--yellow);font-style:normal}.tut-step-num{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--yellow);font-size:10px;font-weight:700;font-family:JetBrains Mono,monospace;display:flex;align-items:center;justify-content:center}.tut-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.tut-tip{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.tut-tip-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#28c8401f;display:flex;align-items:center;justify-content:center;margin-top:1px}.tut-tip-icon svg{stroke:#28c840}.tut-code-col{display:flex;flex-direction:column;gap:14px}.tut-code-wrap{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-card-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:color-mix(in srgb,var(--code-bg) 80%,white 20%);border-bottom:1px solid rgba(255,255,255,.08)}.code-card-title{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);margin-left:6px}.tut-code{margin:0;padding:16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;color:var(--code-text);background:var(--code-bg);overflow-x:auto;white-space:pre}.tut-try-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:var(--yellow);color:#000;font-weight:700;font-size:13px;border-radius:99px;text-decoration:none;align-self:flex-start;transition:background .2s,transform .2s,box-shadow .2s}.tut-try-btn:hover{background:var(--yellow-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--yellow-rgb),.25)}.tut-sidebar{position:sticky;top:130px;display:flex;flex-direction:column;gap:16px}.tut-sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}.tut-sidebar-card.accent{border-color:var(--yellow-border);background:var(--yellow-dim)}.tut-sidebar-card h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 10px}.tut-sidebar-card h3 svg{stroke:var(--yellow);flex-shrink:0}.tut-sidebar-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 16px}.tut-prompt-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tut-prompt-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-secondary);line-height:1.5}.tut-prompt-icon{flex-shrink:0;margin-top:1px}.tut-prompt-icon svg{stroke:var(--yellow);width:14px;height:14px}.tut-cta-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:var(--yellow);color:#000;font-weight:700;font-size:13px;border-radius:99px;text-decoration:none;transition:background .2s,transform .2s;width:100%;justify-content:center}.tut-cta-btn:hover{background:var(--yellow-light);transform:translateY(-1px)}.tut-cta-btn.ghost{background:transparent;color:var(--yellow);border:1px solid var(--yellow-border)}.tut-cta-btn.ghost:hover{background:var(--yellow-dim)}@media(max-width:1024px){.tut-body{grid-template-columns:1fr}.tut-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.tut-sidebar-card{flex:1;min-width:240px}}@media(max-width:768px){.tut-content-grid{grid-template-columns:1fr;gap:28px}.tut-header{padding:60px 20px 40px}}@media(max-width:640px){.tut-body{padding:24px 16px 60px}.tut-tabs-wrap{padding:0 12px}.tut-card-header{padding:18px 16px}.tut-card-body{padding:24px 16px}.tut-sidebar{flex-direction:column}}.status-page{max-width:800px;margin:0 auto;padding:120px 24px;animation:fade-in .4s ease-out}.status-header{text-align:center;margin-bottom:48px}.status-header h1{font-size:42px;font-weight:800;color:var(--text-primary);margin-bottom:24px}.status-badge{display:inline-flex;align-items:center;gap:12px;background:#22c55e1a;color:#4ade80;padding:12px 24px;border-radius:99px;font-weight:600;font-size:16px;border:1px solid rgba(34,197,94,.2)}.pulse{width:10px;height:10px;background:#4ade80;border-radius:50%;box-shadow:0 0 #4ade80b3;animation:ping 2s infinite}@keyframes ping{70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}.status-container{display:flex;flex-direction:column;gap:40px}.status-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px}.service-row{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.service-row:last-child{border-bottom:none}.service-name{font-weight:500;color:var(--text-primary)}.service-status.good{color:#4ade80;font-weight:500}.incident-history h2{font-size:24px;margin-bottom:16px;color:var(--text-primary)}.no-incidents{color:var(--text-secondary);font-style:italic}.pf-root{display:flex;gap:0;min-height:100vh;padding-top:72px;background:var(--bg-primary)}.pf-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.pf-spinner-lg{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--yellow);border-radius:50%;animation:pf-spin .7s linear infinite}.pf-spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:pf-spin .7s linear infinite;vertical-align:middle;margin-right:6px}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-sidebar{width:260px;min-width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:0;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;padding:28px 0 24px}.pf-sidebar-top{display:flex;flex-direction:column;gap:0}.pf-sidebar-user{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 20px 28px;border-bottom:1px solid var(--border);margin-bottom:8px}.pf-sidebar-info{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.pf-sidebar-name{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.pf-sidebar-email{font-size:.75rem;color:var(--text-muted);word-break:break-all}.pf-sidebar-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:var(--yellow);background:var(--yellow-dim);border:1px solid var(--yellow-border);border-radius:99px;padding:2px 10px;margin-top:4px;letter-spacing:.03em}.pf-badge-dot{width:5px;height:5px;background:var(--yellow);border-radius:50%;animation:pf-pulse 2s ease-in-out infinite}@keyframes pf-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.pf-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px;flex:1}.pf-nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--transition),color var(--transition);text-align:left;width:100%}.pf-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.pf-nav-item.active{background:var(--yellow-dim);color:var(--yellow);font-weight:600}.pf-nav-icon{display:flex;align-items:center;opacity:.8}.pf-nav-item.active .pf-nav-icon{opacity:1}.pf-nav-pip{position:absolute;right:10px;width:6px;height:6px;background:var(--yellow);border-radius:50%}.pf-signout-btn{display:flex;align-items:center;gap:9px;margin:16px 12px 0;padding:11px 14px;border-radius:10px;background:none;border:1px solid var(--border);color:var(--text-muted);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition)}.pf-signout-btn:hover{background:#ff464614;border-color:#ff46464d;color:#ff6b6b}.pf-avatar-lg,.pf-avatar-xl{position:relative;border-radius:50%;overflow:visible;flex-shrink:0}.pf-avatar-lg{width:64px;height:64px}.pf-avatar-xl{width:90px;height:90px}.pf-avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--yellow) 0%,var(--yellow-light) 100%);color:#000;font-weight:800;font-size:1.4rem;letter-spacing:-.02em}.pf-avatar-lg .pf-avatar-initials{font-size:1.1rem}.pf-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pf-avatar-ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--yellow);opacity:.4;pointer-events:none}.pf-avatar-editable{cursor:pointer}.pf-avatar-overlay{position:absolute;inset:0;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition, .2s ease);color:#fff}.pf-avatar-editable:hover .pf-avatar-overlay{opacity:1}.pf-content{flex:1;padding:40px 48px;overflow-y:auto;max-width:820px}.pf-section{display:flex;flex-direction:column;gap:24px;animation:pf-fadein .3s ease}@keyframes pf-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pf-section-header{margin-bottom:4px}.pf-section-title{font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:6px}.pf-section-sub{font-size:.9rem;color:var(--text-secondary)}.pf-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;transition:border-color var(--transition)}.pf-card:hover{border-color:var(--yellow-border)}.pf-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.01em}.pf-card-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.pf-card-desc strong{color:var(--text-primary)}.pf-hero-card{position:relative;overflow:hidden;padding:32px}.pf-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,var(--yellow-dim) 0%,transparent 60%);pointer-events:none}.pf-hero-body{position:relative;display:flex;align-items:center;gap:28px}.pf-hero-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.pf-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-hero-name{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.pf-hero-email{font-size:.875rem;color:var(--text-secondary)}.pf-hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.pf-meta-chip{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border);border-radius:99px;padding:4px 12px}.pf-meta-chip.provider{background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow)}.pf-name-edit{display:flex;align-items:center;gap:6px;flex:1}.pf-name-input{flex:1;background:var(--bg-hover);border:1px solid var(--yellow-border);border-radius:8px;padding:7px 12px;color:var(--text-primary);font-size:.95rem;font-family:inherit;font-weight:600;outline:none;transition:border-color var(--transition);min-width:0}.pf-name-input:focus{border-color:var(--yellow)}.pf-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex-shrink:0}.pf-icon-btn:hover{border-color:var(--yellow-border);color:var(--yellow)}.pf-icon-btn.pf-save{background:var(--yellow-dim);border-color:var(--yellow-border);color:var(--yellow)}.pf-icon-btn.pf-save:hover{background:var(--yellow);color:#000}.pf-icon-btn.pf-cancel:hover{border-color:#ff505066;color:#ff6b6b}.pf-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pf-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:border-color var(--transition),transform var(--transition)}.pf-stat-card:hover{border-color:var(--yellow-border);transform:translateY(-2px)}.pf-stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--yellow);margin-bottom:4px}.pf-stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.pf-stat-label{font-size:.72rem;color:var(--text-muted);font-weight:500}.pf-info-grid{display:flex;flex-direction:column}.pf-info-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);gap:16px}.pf-info-row:last-child{border-bottom:none;padding-bottom:0}.pf-info-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.pf-info-value{font-size:.875rem;color:var(--text-primary);font-weight:600;text-align:right}.pf-uid{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.pf-info-value.pf-badge{padding:3px 10px;border-radius:99px;font-size:.75rem}.pf-info-value.pf-badge.verified{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.pf-info-value.pf-badge.unverified{background:#fb71341a;color:#fb923c;border:1px solid rgba(251,113,52,.3)}.pf-info-value.pf-badge,.pf-provider-chip{display:inline-flex;align-items:center;gap:5px}.pf-provider-chip{font-size:.875rem;font-weight:600;color:var(--text-primary)}.pf-inline-msg{font-size:.82rem;font-weight:500;padding:8px 12px;border-radius:8px;margin:8px 0 0}.pf-inline-msg.success{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.25)}.pf-inline-msg.error{background:#fb71341a;color:#fb923c;border:1px solid rgba(251,113,52,.25)}.pf-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px}.pf-theme-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border-radius:14px;border:2px solid var(--border);background:var(--bg-hover);cursor:pointer;transition:all var(--transition);font-family:inherit}.pf-theme-card:hover{border-color:var(--yellow-border);transform:translateY(-2px)}.pf-theme-card.active{border-color:var(--yellow);background:var(--yellow-dim);box-shadow:0 0 0 1px var(--yellow-border)}.pf-theme-preview{display:flex;gap:5px}.pf-theme-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.pf-theme-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.pf-theme-icon{display:flex;align-items:center;color:var(--text-secondary)}.pf-theme-check{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--yellow);color:#000}.pf-accent-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.pf-accent-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;border:2px solid var(--border);background:var(--bg-hover);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition)}.pf-accent-chip:hover{border-color:var(--chip-color);color:var(--chip-color)}.pf-accent-chip.active{border-color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 12%,transparent);color:var(--chip-color)}.pf-accent-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pf-accent-label{flex:1}.pf-accent-check{display:flex;align-items:center}.pf-preview-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pf-preview-btn{padding:9px 20px;border-radius:8px;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition);border:none}.pf-preview-btn.primary{background:var(--yellow);color:#000}.pf-preview-btn.primary:hover{background:var(--yellow-light)}.pf-preview-btn.secondary{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary)}.pf-preview-btn.secondary:hover{border-color:var(--yellow-border);color:var(--yellow)}.pf-preview-badge{padding:4px 12px;border-radius:99px;background:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--yellow);font-size:.78rem;font-weight:600}.pf-preview-link{color:var(--yellow);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity var(--transition)}.pf-preview-link:hover{opacity:.75}.pf-notif-list{display:flex;flex-direction:column}.pf-notif-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);transition:background var(--transition)}.pf-notif-row:last-child{border-bottom:none;padding-bottom:0}.pf-notif-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bg-hover);border:1px solid var(--border);color:var(--yellow);flex-shrink:0}.pf-notif-text{flex:1;display:flex;flex-direction:column;gap:2px}.pf-notif-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.pf-notif-desc{font-size:.78rem;color:var(--text-secondary)}.pf-notif-footer{padding:16px 20px;background:var(--bg-hover);border:1px solid var(--border);border-radius:12px;font-size:.8rem;color:var(--text-muted)}.pf-toggle{position:relative;display:inline-block;cursor:pointer}.pf-toggle-input{position:absolute;opacity:0;width:0;height:0}.pf-toggle-track{display:inline-flex;width:44px;height:24px;background:var(--bg-hover);border:1px solid var(--border);border-radius:99px;transition:background .25s,border-color .25s;position:relative}.pf-toggle-input:checked~.pf-toggle-track{background:var(--yellow);border-color:var(--yellow)}.pf-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;box-shadow:0 1px 3px #0000004d}.pf-toggle-input:checked~.pf-toggle-track .pf-toggle-thumb{transform:translate(20px);background:#000}.pf-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-primary);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition)}.pf-action-btn:hover:not(:disabled){border-color:var(--yellow-border);background:var(--yellow-dim);color:var(--yellow)}.pf-action-btn:disabled{opacity:.5;cursor:not-allowed}.pf-action-btn.danger-outline{border-color:#ff505040;color:#ff6b6b}.pf-action-btn.danger-outline:hover:not(:disabled){background:#ff505014;border-color:#ff505066}.pf-action-btn.danger{border-color:#ff50504d;background:#ff50500d;color:#ff6b6b}.pf-action-btn.danger:hover:not(:disabled){background:#ff50501f;border-color:#ff6b6b}.pf-danger-card{border-color:#ff505033}.pf-danger-card:hover{border-color:#ff505059}.pf-danger-header{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.pf-danger-tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ff6b6b;background:#ff50501a;border:1px solid rgba(255,80,80,.2);border-radius:4px;padding:2px 8px;width:fit-content}@media(max-width:900px){.pf-root{flex-direction:column;padding-top:64px}.pf-sidebar{width:100%;min-width:unset;height:auto;position:sticky;top:64px;z-index:10;flex-direction:column;align-items:stretch;padding:12px 16px 0;gap:0;overflow-x:hidden;flex-wrap:nowrap;border-right:none;border-bottom:1px solid var(--border)}.pf-sidebar-top{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.pf-sidebar-user{flex-direction:row;align-items:center;gap:12px;border-bottom:none;padding:0 0 12px;margin:0;text-align:left}.pf-sidebar-info{align-items:flex-start;flex:1;min-width:0}.pf-sidebar-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pf-sidebar-email{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pf-nav{flex-direction:row;flex-wrap:nowrap;padding:0 0 12px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pf-nav::-webkit-scrollbar{display:none}.pf-nav-item{width:auto;flex-shrink:0;padding:10px 16px;font-size:.82rem;min-height:44px;white-space:nowrap;border-radius:8px}.pf-signout-btn{margin:0 0 0 auto;flex-shrink:0;padding:8px 14px;font-size:.8rem;min-height:44px}.pf-content{padding:24px 20px;max-width:100%}.pf-section-title{font-size:1.35rem}.pf-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.pf-stat-card{padding:16px 12px}.pf-stat-value{font-size:1.25rem}.pf-theme-options{grid-template-columns:repeat(3,1fr)}.pf-card{padding:22px 20px}.pf-hero-card{padding:24px 20px}.pf-action-btn{width:100%;justify-content:center;min-height:48px;font-size:.9rem}.pf-social-btn{flex:1 1 calc(50% - 5px);min-width:unset}}@media(max-width:640px){.pf-root{padding-top:60px}.pf-sidebar{top:60px;padding:10px 14px 0}.pf-sidebar-user{padding:0 0 10px}.pf-sidebar-badge{display:none}.pf-nav-item{padding:8px 12px;font-size:.8rem;gap:6px}.pf-nav-item span:not(.pf-nav-icon):not(.pf-nav-pip){display:none}.pf-nav-item{padding:10px 14px}.pf-content{padding:18px 14px}.pf-section{gap:16px}.pf-section-title{font-size:1.2rem}.pf-section-sub{font-size:.82rem}.pf-hero-body{flex-direction:column;align-items:flex-start;gap:16px}.pf-avatar-xl{width:72px;height:72px}.pf-hero-name{font-size:1.2rem}.pf-hero-meta{gap:6px}.pf-meta-chip{font-size:.7rem;padding:3px 10px}.pf-stats-row{grid-template-columns:1fr 1fr;gap:8px}.pf-stat-card{padding:14px 10px;border-radius:12px}.pf-stat-value{font-size:1.1rem}.pf-stat-label{font-size:.68rem}.pf-stat-icon{width:30px;height:30px;border-radius:8px}.pf-card{padding:18px 16px;border-radius:14px}.pf-hero-card{padding:20px 16px}.pf-info-row{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 0}.pf-info-value{text-align:left;font-size:.82rem}.pf-uid{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:.68rem}.pf-name-edit{flex-wrap:wrap;gap:8px}.pf-name-input{min-width:0;font-size:.9rem}.pf-theme-options{grid-template-columns:repeat(3,1fr);gap:8px}.pf-theme-card{padding:16px 8px;gap:6px}.pf-theme-label{font-size:.75rem}.pf-accent-grid{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px}.pf-accent-grid::-webkit-scrollbar{display:none}.pf-accent-chip{flex-shrink:0;padding:8px 14px;font-size:.78rem;min-height:44px}.pf-action-btn{width:100%;justify-content:center;min-height:48px;padding:12px 20px}.pf-notif-row{gap:12px;padding:14px 0}.pf-notif-icon{width:32px;height:32px;flex-shrink:0}.pf-notif-title{font-size:.82rem}.pf-notif-desc{font-size:.72rem}.pf-share-link-row{flex-direction:column;align-items:stretch;gap:8px}.pf-copy-btn{justify-content:center;width:100%;min-height:44px}.pf-share-socials{gap:8px}.pf-social-btn{flex:1 1 100%;min-height:44px;padding:12px 16px}.pf-signout-btn{padding:7px 12px;font-size:.78rem;gap:6px}.pf-preview-row{flex-direction:column;align-items:stretch;gap:8px}.pf-preview-btn{width:100%;min-height:44px;justify-content:center;display:flex;align-items:center}.pf-toggle{padding:4px 0}.pf-toggle-track{width:48px;height:26px}.pf-toggle-thumb{width:20px;height:20px}.pf-toggle-input:checked~.pf-toggle-track .pf-toggle-thumb{transform:translate(22px)}}@media(max-width:380px){.pf-content{padding:14px 12px}.pf-section-title{font-size:1.1rem}.pf-stats-row{grid-template-columns:1fr 1fr;gap:6px}.pf-stat-value{font-size:1rem}.pf-hero-name{font-size:1.05rem}.pf-avatar-xl{width:60px;height:60px}.pf-card{padding:14px 12px;border-radius:12px}.pf-theme-options{grid-template-columns:1fr 1fr 1fr;gap:6px}.pf-theme-card{padding:12px 6px}.pf-theme-label{font-size:.7rem}.pf-theme-swatch{width:14px;height:14px}}.pf-share-card{position:relative;overflow:hidden;border-color:var(--yellow-border);background:linear-gradient(135deg,var(--bg-card) 60%,var(--yellow-dim))}.pf-share-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 90% 0%,rgba(var(--yellow-rgb),.12) 0%,transparent 65%);pointer-events:none}.pf-share-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;position:relative}.pf-share-icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--yellow);color:#000;flex-shrink:0;box-shadow:0 4px 16px rgba(var(--yellow-rgb),.3)}.pf-share-sub{font-size:.82rem;color:var(--text-secondary);margin:0}.pf-share-link-row{display:flex;align-items:center;gap:10px;background:var(--bg-hover);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:16px;position:relative}.pf-share-url{flex:1;font-size:.82rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--yellow-border);background:var(--yellow-dim);color:var(--yellow);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--transition);flex-shrink:0}.pf-copy-btn:hover{background:var(--yellow);color:#000;border-color:var(--yellow)}.pf-copy-btn.copied{background:#4ade801f;border-color:#4ade804d;color:#4ade80}.pf-share-socials{display:flex;gap:10px;flex-wrap:wrap}.pf-social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-secondary);font-size:.82rem;font-weight:600;text-decoration:none;transition:all var(--transition);flex:1;min-width:120px;justify-content:center}.pf-social-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.pf-social-btn.whatsapp:hover{background:#25d3661f;border-color:#25d36659;color:#25d366}.pf-social-btn.twitter:hover{background:#ffffff0f;border-color:#ffffff4d;color:var(--text-primary)}.pf-social-btn.linkedin:hover{background:#0a66c21f;border-color:#0a66c259;color:#0a66c2}.sitemap-page{max-width:1200px;margin:0 auto;padding:120px 24px 80px}.sitemap-header{text-align:center;margin-bottom:64px}.section-label{display:inline-block;padding:6px 14px;background:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--yellow);border-radius:100px;font-size:13px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.sitemap-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--text-primary);margin-bottom:20px;line-height:1.1}.sitemap-sub{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;margin-bottom:80px}.sitemap-category{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sitemap-links{display:flex;flex-direction:column;gap:16px}.sitemap-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:var(--transition)}.sitemap-card:hover{background:var(--bg-hover);border-color:var(--yellow-border);transform:translateY(-4px);box-shadow:0 10px 30px -10px rgba(var(--yellow-rgb),.1)}.sitemap-link-label{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;transition:var(--transition)}.sitemap-card:hover .sitemap-link-label{color:var(--yellow)}.sitemap-link-desc{font-size:.9rem;color:var(--text-secondary)}.sitemap-card-arrow{color:var(--text-muted);transition:var(--transition);opacity:0;transform:translate(-10px,10px)}.sitemap-card:hover .sitemap-card-arrow{color:var(--yellow);opacity:1;transform:translate(0)}.sitemap-footer-cta{text-align:center;padding-top:40px}.cta-divider{height:1px;background:linear-gradient(to right,transparent,var(--border),transparent);margin-bottom:40px}.sitemap-footer-cta h2{font-size:1.5rem;margin-bottom:12px}.sitemap-footer-cta p{color:var(--text-secondary)}.yellow-link{color:var(--yellow);text-decoration:none;font-weight:600}.yellow-link:hover{text-decoration:underline}@media(min-width:1024px){.sitemap-grid{grid-template-columns:repeat(2,1fr);gap:48px}.sitemap-card{padding:28px;background:#16161666;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.sitemap-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x, 0) var(--mouse-y, 0),rgba(var(--yellow-rgb),.06),transparent 40%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:0}.sitemap-card:hover:before{opacity:1}.sitemap-card-content{position:relative;z-index:1}.sitemap-card:hover{background:#1e1e1e99;border-color:var(--yellow-border);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -15px #0006,0 0 20px -5px rgba(var(--yellow-rgb),.15)}.sitemap-link-label{font-size:1.2rem;margin-bottom:8px}.sitemap-link-desc{font-size:.95rem;line-height:1.5;opacity:.8}.sitemap-category{font-size:1.5rem;margin-bottom:32px;position:relative}.sitemap-category:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--yellow);transition:width .3s ease}.sitemap-group:hover .sitemap-category:after{width:60px}}@media(max-width:768px){.sitemap-page{padding-top:100px}.sitemap-grid{grid-template-columns:1fr;gap:32px}}.ai-page{display:flex;flex-direction:column;gap:0}.ai-animate{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.ai-animate.ai-visible{opacity:1;transform:translateY(0)}.ai-section-inner{max-width:1200px;margin:0 auto;width:100%;padding:0 24px}.section-label{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin-bottom:12px}.section-title{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-1px;color:var(--text-primary);margin-bottom:12px}.section-sub{color:var(--text-secondary);font-size:16px;max-width:520px}.yellow{color:var(--yellow)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:var(--yellow);color:#000;font-weight:700;font-size:15px;border-radius:99px;text-decoration:none;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.btn-primary:hover{background:var(--yellow-light);transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--yellow-rgb),.3)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;color:var(--text-secondary);font-weight:500;font-size:15px;border-radius:99px;text-decoration:none;border:1px solid var(--border);transition:color var(--transition),border-color var(--transition),background var(--transition)}.btn-ghost:hover{color:var(--text-primary);border-color:#444;background:var(--bg-hover)}.ai-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--yellow-dim);border:1px solid var(--yellow-border);border-radius:99px;font-size:12px;font-weight:600;color:var(--yellow);letter-spacing:.5px;margin-bottom:28px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:ai-pulse 2s infinite}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.ai-hero{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:80px 24px;overflow:hidden;text-align:center}.ai-hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(var(--yellow-rgb),.12) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(var(--yellow-rgb),.06) 0%,transparent 60%);pointer-events:none}.ai-hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;max-width:800px;width:100%}.ai-hero-title{font-size:clamp(38px,7vw,72px);font-weight:900;letter-spacing:-3px;line-height:1.08;color:var(--text-primary);margin-bottom:20px}.ai-hero-sub{font-size:18px;color:var(--text-secondary);max-width:640px;line-height:1.7;margin-bottom:36px}.ai-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:64px}.ai-stats-row{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;padding-top:48px;border-top:1px solid var(--border);width:100%}.ai-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.ai-stat-value{font-size:clamp(28px,4vw,40px);font-weight:900;color:var(--yellow);letter-spacing:-1px}.ai-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.ai-intro-section{padding:100px 0 80px;border-top:1px solid var(--border)}.ai-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:40px}.ai-intro-text{display:flex;flex-direction:column;gap:16px}.ai-intro-text p{color:var(--text-secondary);font-size:16px;line-height:1.75;margin:0}.ai-intro-text strong{color:var(--text-primary)}.ai-intro-text em{color:var(--yellow);font-style:normal}.ai-intro-card{display:flex;flex-direction:column}.ai-chat-mock{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 80px #00000080}.ai-chat-header{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.ai-chat-title{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);margin-left:6px}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f57}.yellow-dot{background:var(--yellow)}.green{background:#28c840}.ai-chat-body{padding:20px 16px;display:flex;flex-direction:column;gap:12px}.ai-msg{display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.6;max-width:90%}.ai-msg.user{align-self:flex-end;background:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--text-primary);padding:10px 14px;border-radius:14px 14px 4px}.ai-msg.ai{align-self:flex-start;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:10px 14px;border-radius:14px 14px 14px 4px;max-width:100%}.ai-msg-label{font-size:10px;font-weight:700;color:var(--yellow);letter-spacing:1px;text-transform:uppercase}.ai-msg pre{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:10px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--code-text);white-space:pre;overflow-x:auto;margin:4px 0}.ai-msg code{font-family:JetBrains Mono,monospace;font-size:12px;background:rgba(var(--yellow-rgb),.1);color:var(--yellow);padding:1px 5px;border-radius:4px}.ai-benefits-section{padding:100px 0 80px;border-top:1px solid var(--border)}.ai-benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:40px}.ai-benefit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);cursor:default}.ai-benefit-card:hover{border-color:var(--yellow-border);transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--yellow-dim);border:1px solid var(--yellow-border);margin-bottom:16px;flex-shrink:0}.feature-icon svg{stroke:var(--yellow)}.feature-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.feature-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.ai-usecases-section{padding:100px 0 80px;border-top:1px solid var(--border)}.ai-cases-list{display:flex;flex-direction:column;gap:80px;margin-top:60px}.ai-case-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ai-case-row.reverse{direction:rtl}.ai-case-row.reverse>*{direction:ltr}.step-num{font-family:JetBrains Mono,monospace;font-size:42px;font-weight:700;line-height:1;margin-bottom:14px;border:2px solid var(--yellow-border);padding:8px 16px;border-radius:var(--radius-sm, 8px);display:inline-block;color:var(--yellow)}.ai-case-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.ai-case-desc{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.ai-case-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--yellow);text-decoration:none;transition:gap var(--transition)}.ai-case-link:hover{gap:10px}.ai-case-code-wrap{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 60px #00000080}.code-card-header{display:flex;align-items:center;gap:6px;padding:12px 16px;background:color-mix(in srgb,var(--code-bg) 80%,white 20%);border-bottom:1px solid rgba(255,255,255,.08)}.code-card-title{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);margin-left:6px}.code-preview{margin:0;padding:20px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.7;color:var(--code-text);background:var(--code-bg);overflow-x:auto;white-space:pre}.ai-easy-section{padding:100px 0 80px;border-top:1px solid var(--border)}.ai-easy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:48px}.ai-easy-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;gap:14px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.ai-easy-card:hover{border-color:var(--yellow-border);transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.ai-easy-card.accent{border-color:var(--yellow-border);background:var(--yellow-dim)}.ai-easy-card svg{stroke:var(--yellow);width:28px;height:28px}.ai-easy-card h3{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.ai-easy-card p{font-size:14px;color:var(--text-secondary);line-height:1.65;margin:0}.ai-easy-card em{color:var(--yellow);font-style:normal}.ai-cta-section{margin:60px 24px;border-radius:20px;background:var(--bg-card);border:1px solid var(--yellow-border);overflow:hidden;position:relative}.ai-cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,rgba(var(--yellow-rgb),.09) 0%,transparent 70%);pointer-events:none}.ai-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 32px;gap:16px;position:relative}.cta-title{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-1px}.cta-sub{color:var(--text-secondary);font-size:16px;margin-bottom:8px;max-width:520px}.cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}@media(max-width:900px){.ai-intro-grid,.ai-case-row,.ai-case-row.reverse{grid-template-columns:1fr;direction:ltr;gap:36px}.ai-case-row.reverse>*{direction:ltr}}@media(max-width:640px){.ai-hero{min-height:auto;padding:60px 20px}.ai-stats-row{gap:24px}.ai-intro-section,.ai-benefits-section,.ai-usecases-section,.ai-easy-section{padding:64px 0 48px}.ai-cases-list{gap:48px}.ai-cta-section{margin:32px 16px;border-radius:16px}.ai-cta-inner{padding:48px 24px}}.ab-page{display:flex;flex-direction:column;gap:0}.ab-animate{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.ab-animate.ab-visible{opacity:1;transform:translateY(0)}.ab-section-inner{max-width:1200px;margin:0 auto;width:100%;padding:0 24px}.ab-section-label{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin-bottom:12px}.ab-section-title{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-1px;color:var(--text-primary);margin-bottom:12px}.ab-section-sub{color:var(--text-secondary);font-size:16px;max-width:520px;margin-bottom:0}.ab-yellow{color:var(--yellow)}.ab-section{padding:100px 0 80px;border-top:1px solid var(--border)}.ab-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:var(--yellow);color:#000;font-weight:700;font-size:15px;border-radius:99px;text-decoration:none;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.ab-btn-primary:hover{background:var(--yellow-light);transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--yellow-rgb),.3)}.ab-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;color:var(--text-secondary);font-weight:500;font-size:15px;border-radius:99px;text-decoration:none;border:1px solid var(--border);transition:color var(--transition),border-color var(--transition),background var(--transition)}.ab-btn-ghost:hover{color:var(--text-primary);border-color:#444;background:var(--bg-hover)}.ab-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--yellow-dim);border:1px solid var(--yellow-border);border-radius:99px;font-size:12px;font-weight:600;color:var(--yellow);letter-spacing:.5px;margin-bottom:28px}.ab-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:ab-pulse 2s infinite}@keyframes ab-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.ab-hero{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:80px 24px;overflow:hidden;text-align:center}.ab-hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(var(--yellow-rgb),.12) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 20% 90%,rgba(var(--yellow-rgb),.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(var(--yellow-rgb),.05) 0%,transparent 60%);pointer-events:none}.ab-hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;max-width:820px;width:100%}.ab-hero-title{font-size:clamp(38px,7vw,72px);font-weight:900;letter-spacing:-3px;line-height:1.08;color:var(--text-primary);margin-bottom:20px}.ab-hero-sub{font-size:18px;color:var(--text-secondary);max-width:600px;line-height:1.7;margin-bottom:36px}.ab-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:64px}.ab-stats-row{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;padding-top:48px;border-top:1px solid var(--border);width:100%}.ab-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.ab-stat-value{font-size:clamp(28px,4vw,40px);font-weight:900;color:var(--yellow);letter-spacing:-1px}.ab-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.ab-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:40px}.ab-mission-text{display:flex;flex-direction:column;gap:18px}.ab-mission-text p{color:var(--text-secondary);font-size:16px;line-height:1.8;margin:0}.ab-mission-text strong{color:var(--text-primary)}.ab-mission-text em{color:var(--yellow);font-style:normal}.ab-terminal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 80px #0009}.ab-terminal-header{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.ab-terminal-title{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);margin-left:8px}.ab-dot{width:10px;height:10px;border-radius:50%}.ab-red{background:#ff5f57}.ab-yellow-d{background:var(--yellow)}.ab-green{background:#28c840}.ab-terminal-body{padding:24px 20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.9;color:#aaa;background:transparent;white-space:pre;overflow-x:auto;-webkit-overflow-scrolling:touch}.ab-values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:44px}.ab-value-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);cursor:default}.ab-value-card:hover{border-color:var(--yellow-border);transform:translateY(-3px);box-shadow:0 8px 32px #00000059}.ab-value-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--yellow-dim);border:1px solid var(--yellow-border);margin-bottom:18px;flex-shrink:0}.ab-value-icon svg{stroke:var(--yellow)}.ab-value-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ab-value-desc{font-size:14px;color:var(--text-secondary);line-height:1.65}.ab-timeline{display:flex;flex-direction:column;gap:0;margin-top:52px;position:relative}.ab-timeline-item{display:grid;grid-template-columns:90px 40px 1fr;gap:0 20px;align-items:flex-start;padding-bottom:32px}.ab-timeline-year{padding-top:18px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ab-timeline-year-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:var(--yellow-dim);border:1px solid var(--yellow-border);border-radius:99px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--yellow);letter-spacing:.5px;white-space:nowrap}.ab-timeline-line{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:22px}.ab-timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--yellow);border:3px solid var(--bg-primary);box-shadow:0 0 0 2px var(--yellow-border);flex-shrink:0;z-index:1;animation:ab-dot-blink 1.6s ease-in-out infinite}@keyframes ab-dot-blink{0%,to{opacity:1;box-shadow:0 0 0 2px var(--yellow-border),0 0 8px 2px rgba(var(--yellow-rgb),.5);transform:scale(1)}50%{opacity:.55;box-shadow:0 0 0 4px rgba(var(--yellow-rgb),.15),0 0 rgba(var(--yellow-rgb),0);transform:scale(.85)}}.ab-timeline-track{width:2px;flex:1;background:linear-gradient(to bottom,var(--yellow-border) 0%,var(--border) 100%);margin-top:6px;min-height:40px}.ab-timeline-content{position:relative;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--yellow);border-radius:var(--radius);padding:20px 24px;overflow:hidden;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);cursor:default}.ab-timeline-content:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 0% 50%,rgba(var(--yellow-rgb),.05) 0%,transparent 70%);pointer-events:none}.ab-timeline-content:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(ellipse at top right,rgba(var(--yellow-rgb),.06) 0%,transparent 70%);pointer-events:none;border-radius:0 var(--radius) 0 0}.ab-timeline-content:hover{border-color:var(--yellow-border);border-left-color:var(--yellow);transform:translate(4px);box-shadow:0 8px 32px #00000059,-2px 0 0 0 var(--yellow)}.ab-timeline-label{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px;position:relative;z-index:1}.ab-timeline-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.7;position:relative;z-index:1}.ab-tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:44px}.ab-tech-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:border-color var(--transition),transform var(--transition)}.ab-tech-card:hover{border-color:var(--yellow-border);transform:translateY(-2px)}.ab-tech-name{font-size:15px;font-weight:700;color:var(--yellow);font-family:JetBrains Mono,monospace}.ab-tech-role{font-size:12px;color:var(--text-muted)}.ab-dev-card{margin-top:44px;position:relative;background:var(--bg-card);border:1px solid var(--yellow-border);border-radius:20px;padding:48px;display:grid;grid-template-columns:200px 1fr;gap:52px;align-items:flex-start;overflow:hidden}.ab-dev-card-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 0% 50%,rgba(var(--yellow-rgb),.07) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 100% 0%,rgba(var(--yellow-rgb),.05) 0%,transparent 60%);pointer-events:none}.ab-dev-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.ab-dev-avatar{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#f5c518,#c49600);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--bg-card),0 0 0 6px var(--yellow-border),0 16px 48px rgba(var(--yellow-rgb),.25);flex-shrink:0}.ab-dev-initials{font-size:40px;font-weight:900;color:#000;letter-spacing:-2px;font-family:Inter,sans-serif}.ab-dev-status{display:flex;align-items:center;gap:7px;font-size:12px;color:#28c840;font-weight:600;background:#28c8401a;border:1px solid rgba(40,200,64,.25);padding:5px 12px;border-radius:99px}.ab-status-dot{width:6px;height:6px;border-radius:50%;background:#28c840;animation:ab-pulse 2s infinite}.ab-dev-info{position:relative;z-index:1}.ab-dev-badge{display:inline-block;padding:4px 12px;background:var(--yellow-dim);border:1px solid var(--yellow-border);border-radius:99px;font-size:11px;font-weight:600;color:var(--yellow);letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}.ab-dev-name{font-size:clamp(28px,3vw,38px);font-weight:900;color:var(--text-primary);letter-spacing:-1.5px;margin-bottom:8px}.ab-dev-location{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:20px}.ab-dev-location svg{stroke:var(--text-muted)}.ab-dev-bio{font-size:15px;color:var(--text-secondary);line-height:1.78;margin-bottom:14px}.ab-dev-bio em{color:var(--yellow);font-style:normal}.ab-dev-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;margin-bottom:28px}.ab-skill-chip{padding:5px 14px;background:var(--bg-hover);border:1px solid var(--border);border-radius:99px;font-size:12px;font-weight:600;color:var(--text-secondary);font-family:JetBrains Mono,monospace;transition:border-color var(--transition),color var(--transition)}.ab-skill-chip:hover{border-color:var(--yellow-border);color:var(--yellow)}.ab-dev-links{display:flex;flex-wrap:wrap;gap:12px}.ab-dev-link{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:border-color var(--transition),color var(--transition),background var(--transition)}.ab-dev-link:hover{border-color:var(--yellow-border);color:var(--yellow);background:var(--yellow-dim)}.ab-dev-link svg{stroke:currentColor}.ab-cta-section{margin:60px 24px;border-radius:20px;background:var(--bg-card);border:1px solid var(--yellow-border);overflow:hidden;position:relative}.ab-cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,rgba(var(--yellow-rgb),.1) 0%,transparent 70%);pointer-events:none}.ab-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 32px;gap:16px;position:relative}.ab-cta-title{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-1px;color:var(--text-primary)}.ab-cta-sub{color:var(--text-secondary);font-size:16px;margin-bottom:8px;max-width:520px}.ab-cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}@media(max-width:900px){.ab-mission-grid{grid-template-columns:1fr;gap:40px}.ab-dev-card{grid-template-columns:1fr;gap:32px;padding:36px 28px}.ab-dev-avatar-wrap{flex-direction:row;justify-content:flex-start;gap:20px}.ab-dev-avatar{width:100px;height:100px}.ab-dev-initials{font-size:28px}.ab-timeline-item{grid-template-columns:80px 32px 1fr;gap:0 14px}.ab-timeline-year-pill{font-size:10px;padding:3px 8px}}@media(max-width:640px){.ab-hero{min-height:auto;padding:60px 16px}.ab-stats-row{gap:20px}.ab-stat-value{font-size:26px}.ab-section{padding:56px 0 40px}.ab-cta-section{margin:32px 16px;border-radius:16px}.ab-cta-inner{padding:48px 20px}.ab-dev-card{padding:28px 20px}.ab-dev-avatar-wrap{flex-direction:column;align-items:center}.ab-timeline-item{grid-template-columns:60px 24px 1fr;gap:0 12px}.ab-timeline-content{padding:16px 18px}.ab-values-grid{grid-template-columns:1fr}.ab-terminal-body{font-size:11.5px;padding:20px 16px}.ab-mobile-hidden{display:none!important}}.contact-page{max-width:1100px;margin:0 auto;padding:100px 24px;position:relative}.cntct-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse at center,var(--yellow-dim) 0%,transparent 70%);pointer-events:none;z-index:0}.cntct-header{text-align:center;margin-bottom:56px;position:relative;z-index:1}.cntct-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid var(--yellow-border);background:var(--yellow-dim);border-radius:100px;font-size:.73rem;font-weight:700;letter-spacing:.08em;color:var(--yellow);text-transform:uppercase;margin-bottom:20px}.cntct-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:cntct-pulse 2s ease-in-out infinite}.cntct-header h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.04em;line-height:1.1}.cntct-header p{color:var(--text-secondary);font-size:1.05rem;line-height:1.75;max-width:520px;margin:0 auto}.cntct-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:flex-start;position:relative;z-index:1}.cntct-sidebar{display:flex;flex-direction:column;gap:16px}.cntct-info-group{display:flex;flex-direction:column;gap:10px}.cntct-info-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;transition:border-color var(--transition),transform var(--transition);cursor:default}.cntct-info-card:hover{border-color:var(--yellow-border);transform:translate(3px)}.cntct-info-icon{width:40px;height:40px;border-radius:10px;background:var(--yellow-dim);border:1px solid var(--yellow-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--yellow)}.cntct-info-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cntct-info-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.cntct-info-value{font-size:.87rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cntct-info-value.link{text-decoration:none;color:var(--yellow);transition:opacity var(--transition)}.cntct-info-value.link:hover{opacity:.75}.cntct-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px}.cntct-panel-title{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.cntct-quick-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.cntct-quick-links li a{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary);text-decoration:none;padding:6px 8px;border-radius:8px;transition:background var(--transition),color var(--transition)}.cntct-quick-links li a svg{color:var(--text-muted);flex-shrink:0;transition:color var(--transition),transform var(--transition)}.cntct-quick-links li a:hover{background:var(--bg-hover);color:var(--yellow)}.cntct-quick-links li a:hover svg{color:var(--yellow);transform:translate(2px)}.cntct-faq-list{display:flex;flex-direction:column;gap:0}.cntct-faq-item{padding:12px 0;border-bottom:1px solid var(--border)}.cntct-faq-item:first-child{padding-top:0}.cntct-faq-item:last-child{padding-bottom:0;border-bottom:none}.cntct-faq-item strong{display:block;font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.cntct-faq-item p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.55}.cntct-form-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:border-color var(--transition)}.cntct-form-wrap:focus-within{border-color:var(--yellow-border)}.cntct-form{padding:40px}.cntct-form-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.cntct-form-header h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.02em}.cntct-form-header p{font-size:.87rem;color:var(--text-secondary);margin:0}.req{color:#f87171}.cntct-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.cntct-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.cntct-field:last-of-type{margin-bottom:0}.cntct-field label{font-size:.83rem;font-weight:700;color:var(--text-secondary);transition:color var(--transition);letter-spacing:.01em}.cntct-field.focused label{color:var(--yellow)}.cntct-input-wrap{position:relative;display:flex;align-items:center}.cntct-input-wrap .field-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;transition:color var(--transition);flex-shrink:0}.cntct-field.focused .field-icon{color:var(--yellow)}.cntct-field input,.cntct-field select,.cntct-field textarea{width:100%;padding:12px 14px 12px 42px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:.92rem;font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);resize:vertical}.cntct-field input::placeholder,.cntct-field textarea::placeholder{color:var(--text-muted)}.cntct-field input:focus,.cntct-field select:focus,.cntct-field textarea:focus{border-color:var(--yellow);background:var(--bg-primary);box-shadow:0 0 0 3px var(--yellow-dim)}.cntct-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.cntct-field select option{background:var(--bg-secondary);color:var(--text-primary)}.textarea-wrap .field-icon{display:none}.cntct-field textarea{padding:14px 16px;resize:vertical;min-height:140px}.cntct-char-count{position:absolute;bottom:10px;right:14px;font-size:.72rem;color:var(--text-muted);pointer-events:none;background:var(--bg-secondary);padding:1px 4px;border-radius:4px;transition:color var(--transition)}.cntct-char-count.warn{color:#f59e0b}.cntct-error{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:#fca5a5;margin:12px 0;padding:12px 14px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:10px;line-height:1.5}.cntct-error svg{flex-shrink:0;margin-top:1px}.cntct-submit{width:100%;padding:14px;background:var(--yellow);color:#000;border:none;border-radius:var(--radius);font-size:.97rem;font-weight:800;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition);margin-top:24px;letter-spacing:.01em}.cntct-submit:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 8px 28px rgba(var(--yellow-rgb),.25)}.cntct-submit:active:not(:disabled){transform:translateY(0)}.cntct-submit:disabled{opacity:.55;cursor:not-allowed}.cntct-spinner{width:17px;height:17px;border:2.5px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:cntct-spin .65s linear infinite;flex-shrink:0}.cntct-note{font-size:.78rem;color:var(--text-muted);text-align:center;margin:14px 0 0;line-height:1.6}.cntct-note a{color:var(--yellow);text-decoration:none}.cntct-note a:hover{text-decoration:underline}.cntct-success{padding:72px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;animation:cntct-fade-in .5s ease}.cntct-success-ring{width:80px;height:80px;border-radius:50%;background:#4ade801a;border:2px solid rgba(74,222,128,.35);display:flex;align-items:center;justify-content:center;color:#4ade80;animation:cntct-pop .5s cubic-bezier(.34,1.56,.64,1)}.cntct-success h2{font-size:1.8rem;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.03em}.cntct-success p{color:var(--text-secondary);font-size:.95rem;max-width:380px;line-height:1.7;margin:0}.cntct-success p strong{color:var(--text-primary)}.cntct-reset-btn{margin-top:8px;padding:10px 26px;background:transparent;border:1.5px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.88rem;font-family:inherit;font-weight:600;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.cntct-reset-btn:hover{border-color:var(--yellow-border);color:var(--yellow);background:var(--yellow-dim)}@keyframes cntct-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes cntct-spin{to{transform:rotate(360deg)}}@keyframes cntct-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cntct-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.cntct-layout{grid-template-columns:1fr}.cntct-sidebar{display:grid;grid-template-columns:1fr 1fr}.cntct-info-group{grid-column:span 2;display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.contact-page{padding:28px 14px 70px}.cntct-sidebar{grid-template-columns:1fr}.cntct-info-group{grid-column:span 1;grid-template-columns:1fr}.cntct-form{padding:24px 18px}.cntct-row{grid-template-columns:1fr}.cntct-success{padding:48px 24px}}.not-found-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;text-align:center}.not-found-content{max-width:600px;width:100%;z-index:2;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);padding:4rem 2rem;border-radius:2rem;box-shadow:0 20px 50px #0000004d}.not-found-badge{display:inline-block;padding:.5rem 1.5rem;background:var(--yellow);color:#000;font-weight:800;font-size:1.2rem;border-radius:2rem;margin-bottom:1.5rem;box-shadow:0 0 20px #ffbb004d}.not-found-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.not-found-text{color:#aaa;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.not-found-actions{display:flex;gap:1rem;justify-content:center}.btn-primary{background:var(--yellow);color:#000;padding:.8rem 2rem;border-radius:.8rem;font-weight:700;text-decoration:none;transition:all .3s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #fb03}.btn-secondary{background:#ffffff0d;color:#fff;padding:.8rem 2rem;border-radius:.8rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.not-found-bg-decoration{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.glow-orb{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);opacity:.15}.orb-1{background:var(--yellow);top:-100px;right:-100px}.orb-2{background:#ff4d4d;bottom:-100px;left:-100px}@media(max-width:600px){.not-found-title{font-size:2.2rem}.not-found-actions{flex-direction:column}}.install-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(120px) scale(1);z-index:2000;display:flex;align-items:center;gap:12px;background:#141414;border:1px solid rgba(var(--yellow-rgb),.35);border-radius:16px;padding:14px 18px;box-shadow:0 8px 40px #0009,0 0 0 1px rgba(var(--yellow-rgb),.08);max-width:calc(100vw - 32px);width:max-content;transition:transform .45s cubic-bezier(.34,1.25,.3,1),opacity .35s ease,filter .45s ease;opacity:0;pointer-events:none}.install-banner.front{transform:translate(-50%) translateY(0) scale(1);opacity:1;pointer-events:all}.install-banner.back{transform:translate(-50%) translateY(-12px) scale(.92);opacity:1;pointer-events:none;z-index:1999;filter:brightness(.4);box-shadow:none}.install-banner.dismissed-out{transform:translate(-50%) translateY(-30px) scale(.9);opacity:0;pointer-events:none}.install-banner.skillexus-card{border-color:#a855f759}.install-banner.skillexus-card .install-banner-icon{background:transparent}.install-banner.skillexus-card .install-banner-btn{background:#a855f726;color:#c084fc}.install-banner.skillexus-card .install-banner-btn:hover{background:#a855f740}.install-banner-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:rgba(var(--yellow-rgb),.1);display:flex;align-items:center;justify-content:center}.install-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.install-banner-text strong{font-size:14px;font-weight:700;color:#f0f0f0}.install-banner-text span{font-size:12px;color:#888;white-space:nowrap}.install-banner-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:99px;background:#f5c518;color:#000;font-size:13px;font-weight:700;border:none;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .2s ease,transform .2s ease}.install-banner-btn:hover{background:#ffd84d;transform:translateY(-1px)}.install-banner-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid #2a2a2a;background:transparent;color:#666;cursor:pointer;flex-shrink:0;margin-left:4px;transition:background .2s ease,color .2s ease}.install-banner-close:hover{background:#1e1e1e;color:#aaa}@media(max-width:480px){.install-banner{bottom:16px;border-radius:14px;padding:12px 14px;gap:10px}.install-banner-text span{white-space:normal;max-width:160px}}.pwa-splash{position:fixed;inset:0;z-index:9999;background:#080808;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:0}.pwa-splash-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at 50% 0%,rgba(var(--yellow-rgb),.12) 0%,transparent 70%);pointer-events:none}.pwa-splash-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;width:100%;max-width:340px}.pwa-splash-logo{display:flex;align-items:center;gap:10px;margin-bottom:32px}.pwa-splash-brand{font-size:20px;font-weight:800;color:#f0f0f0;letter-spacing:-.5px}.pwa-splash-title{font-size:28px;font-weight:800;color:#f5f5f5;letter-spacing:-1px;margin:0 0 10px}.pwa-splash-sub{font-size:14px;color:#777;line-height:1.6;margin:0 0 32px;max-width:280px}.pwa-splash-signin{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;border-radius:12px;background:#f5c518;color:#000;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 24px rgba(var(--yellow-rgb),.25);margin-bottom:12px}.pwa-splash-signin:hover{background:#ffd84d;transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--yellow-rgb),.35)}.pwa-splash-signin:active{transform:translateY(0)}.pwa-splash-skip{width:100%;padding:12px 24px;border-radius:12px;background:transparent;color:#555;font-size:14px;font-weight:500;border:1px solid #222;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.pwa-splash-skip:hover{color:#888;border-color:#333;background:#111}.pwa-splash-footer{position:absolute;bottom:28px;font-size:12px;color:#333;letter-spacing:.02em}