@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";:root{--bg-primary: #080808;--bg-secondary: #111111;--bg-card: #161616;--bg-hover: #1e1e1e;--yellow: #f5c518;--yellow-light: #ffd84d;--yellow-dim: #f5c51820;--yellow-border: #f5c51840;--text-primary: #f0f0f0;--text-secondary: #999999;--text-muted: #555555;--border: #222222;--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:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}::-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}#root{display:flex;flex-direction:column;min-height:100vh}.page{min-height:100vh;padding-top:80px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 24px;transition:background var(--transition),backdrop-filter var(--transition),box-shadow var(--transition),padding var(--transition),transform .5s cubic-bezier(.34,1.25,.3,1),opacity .5s cubic-bezier(.34,1.25,.3,1)}.navbar.scrolled{padding:10px 24px;background:#080808d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border),0 8px 32px #0006}.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(245,197,24,.1))}.logo:hover .logo-icon-svg{transform:scale(1.08) rotate(-4deg);filter:drop-shadow(0 4px 12px rgba(245,197,24,.3))}.logo-text{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.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 #f5c51840}.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 #f5c51800}.nav-cta:hover{background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 4px 20px #f5c51859}.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{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:#f5c5180d;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:#f5c5181f;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:#f5c51826;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 #f5c5184d}.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}.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:#f5c51814;border:1px solid rgba(245,197,24,.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:#f5c51826;border-color:#f5c51873;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(245,197,24,.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(245,197,24,.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(245,197,24,.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:#f5c5181a;border:1px solid rgba(245,197,24,.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:var(--text-primary);letter-spacing:-.4px;margin:0}.footer-feedback-banner p{font-size:14px;color:var(--text-secondary);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 #f5c5184d;position:relative;z-index:1;white-space:nowrap}.footer-feedback-btn:hover{background:var(--yellow-light);box-shadow:0 6px 24px #f5c51873;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:#f5c5180d}.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 5% 40px}.footer-top{flex-direction:column;gap:48px}.footer-links-grid{gap:48px;flex-direction:row}.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(245,197,24,.22);border-radius:28px;width:100%;max-width:520px;padding:32px 36px;box-shadow:0 0 0 1px #f5c51814,0 30px 80px #000000b3,0 0 100px #f5c5180f,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:#f5c51840;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(245,197,24,.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(245,197,24,.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:#f5c5181f;border-color:#f5c51859;color:var(--yellow);transform:rotate(90deg)}.fb-badge{display:inline-flex;align-items:center;gap:6px;background:#f5c5181a;border:1px solid rgba(245,197,24,.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:#f5c51866;background:#f5c5180d;transform:translateY(-3px)}.fb-emoji-btn.active{border-color:var(--yellow);background:#f5c5181a;box-shadow:0 0 0 3px #f5c5181f,0 6px 20px #f5c51826;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:#f5c51859;color:var(--text-primary);transform:translateY(-1px)}.fb-tag.active{background:#f5c5181f;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:#f5c5188c;background:#f5c51808;box-shadow:0 0 0 3px #f5c5181a}.fb-textarea::placeholder{color:var(--text-muted)}.fb-textarea-glow{position:absolute;inset:-1px;border-radius:14px;background:linear-gradient(135deg,#f5c5181f,#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 #f5c5184d;white-space:nowrap}.fb-submit:hover:not(:disabled){background:var(--yellow-light);box-shadow:0 8px 28px #f5c51873;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(245,197,24,.45);background:radial-gradient(circle,rgba(245,197,24,.13),transparent 70%);box-shadow:0 0 0 8px #f5c5180f,0 0 40px #f5c51838;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}.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:40px 48px 80px;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: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);box-shadow:0 0 #f5c51800}.hero-code-card{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 80px #0009;text-align:left;will-change:transform,opacity;transform-origin:bottom left}.code-preview{margin:0;padding:20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;color:#d4d4d4;background:transparent;overflow-x:auto;white-space:pre}.features-section{padding:100px 24px 80px;max-width:1200px;margin:40px auto 0;width:100%}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:40px}.feature-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}.feature-card:hover{border-color:var(--yellow-border);transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.steps-section{padding:80px 24px;max-width:1200px;margin:0 auto;width:100%;border-top:1px solid var(--border)}.steps-row{display:flex;gap:0;margin-top:48px;position:relative;flex-wrap:wrap}.step-item{flex:1;min-width:220px;padding:0 32px 0 0;position:relative}.step-num{font-family:JetBrains Mono,monospace;font-size:42px;font-weight:700;color:var(--yellow-dim);line-height:1;margin-bottom:14px;border:2px solid var(--yellow-border);padding:8px 16px;border-radius:var(--radius-sm);display:inline-block;color:var(--yellow)}.step-label{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.step-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.step-connector{position:absolute;top:30px;right:0;width:32px;height:2px;background:linear-gradient(to right,var(--yellow-border),transparent)}.cta-section{margin:60px 24px;border-radius:20px;background:var(--bg-card);border:1px solid var(--yellow-border);overflow:hidden;position:relative}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,rgba(245,197,24,.08) 0%,transparent 70%);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 28px;color:var(--text-secondary);font-weight:600;font-size:15px;border-radius:99px;text-decoration:none;border:1px solid var(--border);background:transparent;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition)}.btn-install:hover{color:var(--yellow);border-color:var(--yellow-border);background:var(--yellow-dim);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}}@media(max-width:640px){.hero{min-height:auto;padding:60px 20px}.features-section,.steps-section{padding:48px 20px}.steps-row{gap:32px}.step-item{padding:0}.step-connector{display:none}.cta-section{margin:32px 16px;border-radius:16px}.cta-inner{padding:48px 24px}}.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-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 #f5c51859}.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 #f5c51833}.spinner{width:12px;height:12px;border:2px solid rgba(245,197,24,.25);border-top-color:var(--yellow);border-radius:50%;animation:spin .55s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.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)}.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:#f5c5180d}.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-title span{display:none}.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 #f5c51833}.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 #f5c51859}.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.assistant .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:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--yellow);border-top-right-radius:3px}.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}@keyframes aiDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.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 #f5c51812}.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 #f5c5184d}.ai-send-btn:hover:not(:disabled){background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 4px 14px #f5c51866}.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}}.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 #f5c5180f}.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 #f5c5181a,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 #f5c5184d}@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:700px;height:500px;background:radial-gradient(ellipse at center,rgba(245,197,24,.07) 0%,transparent 65%)}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,black 20%,transparent 70%)}.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)}.auth-card{position:relative;z-index:2;width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:36px 36px 32px;box-shadow:0 0 0 1px #f5c5180a,0 32px 80px #00000080;animation:cardIn .4s cubic-bezier(.4,0,.2,1)}@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(245,197,24,.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 #f5c51812}.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 #f5c51859}.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(245,197,24,.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:#f5c51826}.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:1000px;margin:0 auto;padding:120px 24px;animation:fade-in .4s ease-out}.blog-header{text-align:center;margin-bottom:64px}.blog-header h1{font-size:48px;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-1px}.blog-header p{font-size:18px;color:var(--text-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:32px}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);border-color:var(--yellow-border)}.blog-date{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.blog-card h2{font-size:24px;color:var(--text-primary);margin-bottom:16px;line-height:1.3}.blog-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px;flex-grow:1}.read-more{color:var(--yellow);text-decoration:none;font-weight:500;transition:color .2s;align-self:flex-start}.read-more:hover{color:var(--yellow-light)}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}}.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 #f5c51859;animation:contact-pulse 2.5s ease-in-out infinite}@keyframes contact-pulse{0%,to{box-shadow:0 0 20px #f5c51859,0 0 #f5c51833}50%{box-shadow:0 0 28px #f5c51880,0 0 0 10px #f5c51800}}.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 #f5c51899,0 8px 24px #f5c51833;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(245,197,24,.25);border-radius:24px;width:100%;max-width:560px;padding:44px 36px 40px;box-shadow:0 0 0 1px #f5c5181a,0 25px 60px #0009,0 0 80px #f5c51814,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:#f5c5184d;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:#f5c5181a;border:1px solid rgba(245,197,24,.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:#f5c5181f;border-color:#f5c51859;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(245,197,24,.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:#f5c51899;box-shadow:0 0 0 3px #f5c5181a;background:#f5c51808}.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 #f5c5184d;white-space:nowrap}.glow-submit-btn:hover{background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 8px 25px #f5c51873}.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(245,197,24,.15),transparent 70%);border:2px solid rgba(245,197,24,.5);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--yellow);box-shadow:0 0 30px #f5c51840,0 0 0 8px #f5c5180f;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(245,197,24,.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 #f5c51833}.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 #f5c5184d}.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:#f5c51899;box-shadow:0 0 0 3px #f5c5181a;background:#f5c51808}.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}.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 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(--bg-secondary);border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-card-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.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:#d4d4d4;background:transparent;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 #f5c51840}.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-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}.pf-sidebar{width:100%;min-width:unset;height:auto;position:static;flex-direction:row;align-items:center;padding:16px;gap:12px;overflow-x:auto;flex-wrap:wrap}.pf-sidebar-user{flex-direction:row;border:none;padding:0;margin:0;text-align:left}.pf-sidebar-info{align-items:flex-start}.pf-nav{flex-direction:row;flex-wrap:wrap;padding:0;gap:4px}.pf-nav-item{width:auto}.pf-signout-btn{margin:0}.pf-content{padding:24px 20px}.pf-stats-row,.pf-theme-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pf-hero-body{flex-direction:column;align-items:flex-start}.pf-stats-row{grid-template-columns:1fr 1fr}.pf-content{padding:20px 16px}}.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(245,197,24,.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 #f5c5184d}.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 #f5c5181a}.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(245,197,24,.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 #f5c51826}.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 #f5c5184d}.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(245,197,24,.12) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(245,197,24,.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(--bg-primary, #111);border:1px solid var(--border);border-radius:6px;padding:10px;font-family:JetBrains Mono,monospace;font-size:12px;color:#d4d4d4;white-space:pre;overflow-x:auto;margin:4px 0}.ai-msg code{font-family:JetBrains Mono,monospace;font-size:12px;background:#f5c5181a;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(--bg-card);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:var(--bg-secondary);border-bottom:1px solid var(--border)}.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:#d4d4d4;background:transparent;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(245,197,24,.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}}.install-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(120px);z-index:2000;display:flex;align-items:center;gap:12px;background:#141414;border:1px solid rgba(245,197,24,.35);border-radius:16px;padding:14px 18px;box-shadow:0 8px 40px #0009,0 0 0 1px #f5c51814;max-width:calc(100vw - 32px);width:max-content;transition:transform .45s cubic-bezier(.34,1.25,.3,1),opacity .35s ease;opacity:0;pointer-events:none}.install-banner.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:all}.install-banner-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#f5c5181a;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(245,197,24,.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 #f5c51840;margin-bottom:12px}.pwa-splash-signin:hover{background:#ffd84d;transform:translateY(-2px);box-shadow:0 8px 32px #f5c51859}.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}