.layout-container{background-color:var(--bg-canvas);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.hero-top-ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(70% 55% at 50% 0,#ff10531f 0%,#66c7f40f 45%,#0000 85%);height:540px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.navbar-backdrop-wrapper.global-top-bar{z-index:1000;pointer-events:none;background:0 0;border-bottom:none;justify-content:center;align-items:flex-start;width:100%;height:auto;min-height:50px;padding:0;display:flex;position:fixed;top:0;left:0;transform:translateZ(0)}.floating-pill-navbar{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);will-change:max-width, height, border-radius;background-color:#06080e;border:1px solid #ffffff1f;border-top:none;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-direction:column;justify-content:center;width:100%;min-width:600px;max-width:720px;height:46px;padding:0 16px;transition:max-width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),padding .35s cubic-bezier(.16,1,.3,1),border-radius .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;top:0;overflow:hidden;box-shadow:0 16px 40px #000000d9}.floating-pill-navbar.is-search-expanded{border-bottom-right-radius:26px;border-bottom-left-radius:26px;max-width:820px;height:auto;min-height:175px;padding:16px 20px;box-shadow:0 24px 60px #000000e0}.floating-pill-navbar.is-search-closing{border-bottom-right-radius:18px;border-bottom-left-radius:18px;max-width:680px;height:48px;min-height:48px;padding:0 20px;transition:max-width .22s cubic-bezier(.7,0,.84,0),height .22s cubic-bezier(.7,0,.84,0),min-height .22s cubic-bezier(.7,0,.84,0),padding .22s cubic-bezier(.7,0,.84,0),border-radius .22s cubic-bezier(.7,0,.84,0)}.floating-pill-navbar.is-search-closing .island-search-expanded-content{opacity:0!important;transition:opacity 80ms ease-out,transform 80ms ease-out!important;transform:translateY(-8px)scale(.96)!important}.navbar-normal-content{justify-content:space-between;align-items:center;width:100%;animation:.22s cubic-bezier(.16,1,.3,1) forwards normalNavFadeIn;display:flex}.island-search-expanded-content{flex-direction:column;gap:14px;width:100%;animation:.28s cubic-bezier(.16,1,.3,1) forwards searchContentExpand;display:flex}@keyframes searchContentExpand{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes normalNavFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.floating-pill-navbar:before,.expanded-island-search-panel:before{content:"";pointer-events:none;border-top-right-radius:18px;width:18px;height:18px;position:absolute;top:0;right:100%;box-shadow:6px -6px 0 6px #080808}.floating-pill-navbar:after,.expanded-island-search-panel:after{content:"";pointer-events:none;border-top-left-radius:18px;width:18px;height:18px;position:absolute;top:0;left:100%;box-shadow:-6px -6px 0 6px #080808}@media (min-width:769px){.desktop-only{display:flex!important}.mobile-only{display:none!important}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.nav-left{align-items:center;display:flex}.supaste-brand-link{align-items:center;gap:10px;text-decoration:none;display:flex}.supaste-brand-name{color:#fff;letter-spacing:-.02em;font-family:Inter Display,system-ui,sans-serif;font-size:1.05rem;font-weight:700;transition:color .25s}.supaste-brand-link:hover .supaste-brand-name,.brand-dot{color:#ff1053}.nav-center{align-items:center;gap:24px;margin-left:36px;display:flex}.nav-pill-link{color:#fff;opacity:.7;letter-spacing:-.02em;padding:4px 6px;font-family:Inter Display,system-ui,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:color .25s,opacity .25s}.nav-pill-link:hover{color:#ff1053;opacity:1}.nav-pill-link.active{color:#fff;opacity:1;font-weight:600}.apple-logo-mark{color:#fff;margin-right:2px;font-size:1.15rem}.nav-search-trigger-btn{color:#c1cad6;cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-body,system-ui);background:#ffffff14;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:7px;padding:6px 14px;transition:all .2s;display:inline-flex}.nav-search-trigger-btn:hover{color:#ff1053;background:#ff10531f;border-color:#ff105366;transform:translateY(-1px)}.nav-search-kbd{font-family:var(--font-mono,monospace);color:#a0aec0;background:#ffffff1f;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-size:.68rem;line-height:1}.nav-search-trigger-btn:hover .nav-search-kbd{color:#fff;background:#ff105333}.nav-apple-download-btn{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:9999px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.nav-apple-download-btn:hover{color:#ff1053;background:#ff10531f;border-color:#ff105366;transform:translateY(-1px)}.framer-download-btn:hover{background-color:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff40}.nav-icon-action-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.nav-icon-action-btn:hover{color:#ff1053;background:#ff10531f}.mobile-trigger-wrapper{align-items:center;gap:6px;display:flex}.expanded-island-search-panel{pointer-events:auto;transform-origin:top;will-change:transform, opacity;background:#080808;border-radius:0 0 26px 26px;flex-direction:column;gap:14px;width:100%;max-width:820px;padding:16px 20px;display:flex;position:relative;top:0;box-shadow:0 24px 60px #000000d9}.expanded-island-search-panel.animate-expand{animation:.28s cubic-bezier(.16,1,.3,1) forwards islandMorphOpen}.expanded-island-search-panel.animate-squeeze{animation:.2s cubic-bezier(.4,0,.2,1) forwards islandMorphClose}@keyframes islandMorphOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes islandMorphClose{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.island-search-top-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.island-brand-box{color:#fff;flex-shrink:0;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.island-brand-text{color:#fff;font-family:system-ui,-apple-system,sans-serif}.island-search-field{background:#ffffff12;border:1px solid #ffffff14;border-radius:9999px;flex:1;align-items:center;gap:10px;padding:8px 16px;display:flex}.island-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:system-ui,-apple-system,sans-serif;font-size:.9rem}.island-input::placeholder{color:#ffffff73}.island-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.island-close-btn:hover{color:#fff;background:#ffffff2e}.island-category-tabs{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.island-category-tabs::-webkit-scrollbar{display:none}.island-tab-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.island-tab-btn:hover{color:#fff;background:#ffffff1f}.island-tab-btn.active{color:#000;background:#fff;font-weight:600}.tab-count{opacity:.7;font-family:monospace;font-size:.72rem}.island-results-grid{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-flow:row;gap:14px;padding:4px 4px 12px 2px;display:flex;overflow:auto hidden}.island-results-grid::-webkit-scrollbar{height:6px}.island-results-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:9999px}.island-results-grid::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:9999px}.island-results-grid::-webkit-scrollbar-thumb:hover{background:#38bdf880}.island-card-item{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;flex:0 0 250px;gap:6px;min-width:250px;max-width:250px;padding:12px 14px;transition:all .2s;display:flex}.island-card-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.card-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-item-title{color:#fff;font-size:.85rem;font-weight:600}.card-item-badge{color:#38bdf8;background:#38bdf81f;border-radius:4px;align-self:flex-start;padding:2px 6px;font-family:monospace;font-size:.65rem}.card-item-desc{color:#fff9;font-size:.76rem;line-height:1.4}.island-no-results{text-align:center;color:#ffffff73;grid-column:1/-1;padding:24px;font-size:.85rem}.btn-icon-stack{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:relative}.btn-icon-stack svg{width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .35s;position:absolute;top:0;left:0}.btn-text-stack{grid-template-areas:"stack";align-items:center;height:1.3em;display:inline-grid;overflow:hidden}.btn-text-stack>span{white-space:nowrap;grid-area:stack;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s}.nav-copy-email-btn{background:var(--bg-card);border:1px solid var(--border-color);min-width:124px;color:var(--text-accent);font-family:var(--font-mono);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s,transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.nav-copy-email-btn:hover{background:var(--bg-card-hover);border-color:#ffffff40;transform:translateY(-1px)}.nav-copy-email-btn:active{transform:scale(.96)}.nav-copy-email-btn .icon-copy{opacity:1;transform:scale(1)rotate(0)}.nav-copy-email-btn .icon-check{opacity:0;transform:scale(.3)rotate(-60deg)}.nav-copy-email-btn .checkmark-path{stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset .35s cubic-bezier(.16,1,.3,1) 80ms}.nav-copy-email-btn .text-default{opacity:1;transform:translateY(0)}.nav-copy-email-btn .text-copied{opacity:0;transform:translateY(130%)}.nav-copy-email-btn.copied-active{border-color:var(--dot-status);color:var(--dot-status);background:#5eead41f;animation:.45s cubic-bezier(.175,.885,.32,1.275) smoothSpringPulse;box-shadow:0 0 18px #5eead440}.nav-copy-email-btn.copied-active .icon-copy{opacity:0;transform:scale(.3)rotate(60deg)}.nav-copy-email-btn.copied-active .icon-check{opacity:1;transform:scale(1)rotate(0)}.nav-copy-email-btn.copied-active .checkmark-path{stroke-dashoffset:0}.nav-copy-email-btn.copied-active .text-default{opacity:0;transform:translateY(-130%)}.nav-copy-email-btn.copied-active .text-copied{opacity:1;transform:translateY(0)}@keyframes smoothSpringPulse{0%{transform:scale(.95)}50%{transform:scale(1.04)}to{transform:scale(1)}}.theme-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);min-width:120px;color:var(--text-accent);font-family:var(--font-mono);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:background-color .4s,border-color .4s,color .4s,transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.theme-toggle-btn:hover{background:var(--bg-card-hover);border-color:#ffffff40;transform:translateY(-1px)}.theme-toggle-btn:active{transform:scale(.96)}.theme-toggle-btn.dark-active .icon-sun{opacity:1;transform:scale(1)rotate(0)}.theme-toggle-btn.dark-active .icon-moon{opacity:0;transform:scale(.3)rotate(-90deg)}.theme-toggle-btn.dark-active .text-light{opacity:1;transform:translateY(0)}.theme-toggle-btn.dark-active .text-dark{opacity:0;transform:translateY(130%)}.theme-toggle-btn.light-active .icon-sun{opacity:0;transform:scale(.3)rotate(90deg)}.theme-toggle-btn.light-active .icon-moon{opacity:1;transform:scale(1)rotate(0)}.theme-toggle-btn.light-active .text-light{opacity:0;transform:translateY(-130%)}.theme-toggle-btn.light-active .text-dark{opacity:1;transform:translateY(0)}.layout-main{flex-direction:column;flex-grow:1;width:100%;display:flex}.loading-state{font-family:var(--font-mono);color:var(--text-accent);justify-content:center;align-items:center;padding:80px 0;font-size:.9rem;display:flex}.layout-footer.stackoverflow-inspired-footer{color:#fff;background:#1c1e24;border-top:1px solid #ffffff1f;padding:60px 32px 32px;position:relative;overflow:hidden}.so-footer-container{flex-direction:column;gap:36px;width:100%;max-width:1320px;margin:0 auto;display:flex}.so-footer-top-grid{grid-template-columns:80px 1.1fr 1.3fr 1.6fr 1.1fr 1.4fr;align-items:flex-start;gap:28px;width:100%;display:grid}.so-footer-logo-col{flex-shrink:0}.so-footer-brand{align-items:center;gap:8px;text-decoration:none;display:flex}.so-brand-text{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-size:1.35rem;font-weight:900}.so-footer-col{flex-direction:column;gap:12px;min-width:0;display:flex}.so-col-title{letter-spacing:.06em;text-transform:uppercase;color:#fff;font-size:.8rem;font-weight:800;font-family:var(--font-heading);margin:0 0 4px}.so-link-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.so-link-list li a,.so-link-list li span{color:#c1cad6;white-space:nowrap;font-size:.88rem;font-weight:450;text-decoration:none;transition:color .2s}.so-link-list li a.mono-link{font-family:var(--font-mono);white-space:nowrap;font-size:.82rem!important}.so-footer-contact-col{flex-direction:column;gap:12px;min-width:0;display:flex}.so-footer-contact-form{flex-direction:column;gap:8px;width:100%;display:flex}.so-contact-field{width:100%;transition:border-color .2s;color:#fff!important;box-shadow:none!important;appearance:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #fff3!important;border-radius:0!important;outline:none!important;margin:0!important;padding:4px 0!important;font-family:inherit!important;font-size:.84rem!important}.so-contact-field:focus{box-shadow:none!important;background:0 0!important;border-bottom-color:#ff1053!important;outline:none!important}.so-contact-field::placeholder{color:#c1cad680!important;font-size:.8rem!important}.so-contact-textarea{resize:none!important;min-height:28px!important;max-height:56px!important;line-height:1.4!important}.so-contact-send-link{cursor:pointer;text-align:left;align-items:center;gap:4px;width:fit-content;transition:color .2s,transform .2s;display:inline-flex;box-shadow:none!important;color:#c1cad6!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:2px 0!important;font-family:inherit!important;font-size:.85rem!important;font-weight:600!important}.so-contact-send-link:hover{text-decoration:underline;transform:translate(2px);color:#ff1053!important}.so-contact-send-link:active{transform:translate(0)}.so-contact-send-link:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.so-contact-success-state{flex-direction:column;gap:4px;display:flex}.so-contact-success-text{color:#10b981;margin:0;font-size:.82rem;font-weight:600}.so-contact-reset-btn{cursor:pointer;text-align:left;width:fit-content;text-decoration:underline;transition:color .2s;color:#c1cad6!important;background:0 0!important;border:none!important;padding:0!important;font-size:.76rem!important}.so-contact-reset-btn:hover{color:#fff!important}.so-link-list li a:hover{color:#ff1053;text-decoration:underline}.so-meta-text{opacity:.8;font-family:var(--font-mono);color:#c1cad6!important;font-size:.8rem!important}.so-link-list li.status-li{margin-top:4px}.so-footer-watermark-row{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;margin-top:28px;margin-bottom:-15px;display:block;overflow:visible}.so-watermark-svg{width:100%;height:auto;display:block}.so-footer-bottom-row{border-top:1px solid #ffffff2e;justify-content:space-between;align-items:center;width:100%;padding-top:24px;display:flex}.so-bottom-left{color:#fff;opacity:.9;font-size:.82rem;font-weight:500}.so-bottom-right{align-items:center;gap:18px;display:flex}.so-social-icon-links{align-items:center;gap:10px;display:flex}.so-social-icon-links a{color:#fff;background:#ffffff24;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.so-social-icon-links a:hover{color:#fff;background:#ff1053;border-color:#ff1053;transform:translateY(-2px);box-shadow:0 4px 14px #ff105359}@media (max-width:1200px){.so-footer-top-grid{grid-template-columns:80px repeat(3,1fr) 1.2fr;gap:20px}}@media (max-width:900px){.so-footer-top-grid{grid-template-columns:repeat(2,1fr);gap:28px}.so-footer-logo-col{grid-column:1/-1}.so-link-list li a,.so-link-list li span,.so-link-list li a.mono-link{white-space:normal}}@media (max-width:580px){.so-footer-top-grid{grid-template-columns:1fr;gap:24px}.so-footer-bottom-row{flex-direction:column;align-items:flex-start;gap:16px}}.location-text{font-family:var(--font-mono);color:var(--text-muted-color)!important;font-size:.78rem!important}.footer-bottom{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding-top:16px;display:flex}.footer-bottom-left{color:var(--text-muted-color);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.footer-bottom-right{align-items:center;display:flex}.ai-crafted-badge{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.ai-icon-circle{background:var(--bg-card);border:1px solid var(--border-color);width:24px;height:24px;color:var(--text-accent);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;transition:all .25s;display:flex;box-shadow:0 2px 8px #0003}.ai-crafted-badge:hover .ai-icon-circle{background:var(--text-accent);color:#0d0f14;transform:scale(1.1);box-shadow:0 4px 12px #0006}.ai-badge-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0f172a;border:1px solid #ffffff26;border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:700;transition:all .2s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 6px 20px #00000080}.ai-crafted-badge:hover .ai-badge-tooltip{opacity:1;transform:translateY(0)}@media (max-width:768px){.floating-pill-navbar{width:calc(100vw - 24px);min-width:unset;max-width:100%;height:46px;padding:0 14px}.expanded-island-search-panel{width:calc(100vw - 20px);max-width:100%;padding:14px}.mobile-trigger-wrapper{align-items:center;gap:4px;display:flex}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);z-index:9999;box-sizing:border-box;background:#0a0f1ad1;justify-content:center;align-items:flex-start;padding:0;animation:.25s ease-out mobileFadeIn;display:flex;position:fixed;inset:0}.mobile-drawer-card{background:#080808;border:none;border-bottom:1px solid #ffffff1a;border-radius:0 0 24px 24px;flex-direction:column;gap:18px;width:100%;max-width:100%;padding:20px 20px 28px;animation:.3s cubic-bezier(.16,1,.3,1) forwards mobileNotchSlideDown;display:flex;position:relative;top:0;box-shadow:0 20px 50px #000000e6}.mobile-drawer-card:before{content:"";pointer-events:none;border-top-right-radius:18px;width:18px;height:18px;position:absolute;top:0;right:100%;box-shadow:6px -6px 0 6px #080808}.mobile-drawer-card:after{content:"";pointer-events:none;border-top-left-radius:18px;width:18px;height:18px;position:absolute;top:0;left:100%;box-shadow:-6px -6px 0 6px #080808}}@keyframes mobileNotchSlideDown{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-close-btn{color:var(--text-main);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mobile-close-btn:hover{color:#ff1053;background:#ff105329;border-color:#ff105366;transform:rotate(90deg)}.mobile-drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.mobile-nav-list{flex-direction:column;gap:8px;display:flex}.mobile-nav-item{color:var(--text-secondary);font-family:var(--font-body);background:#ffffff08;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.mobile-nav-item:hover,.mobile-nav-item.active{color:#fff;background:#ff10531f;border-color:#ff105366}.nav-item-num{color:#ff1053;font-size:.76rem;font-weight:700}.nav-item-text{flex:1}.mobile-nav-item:hover .nav-item-text{color:#ff1053}.nav-item-arrow{color:var(--text-muted-color);transition:transform .2s,color .2s}.mobile-nav-item:hover .nav-item-arrow{color:#ff1053;transform:translate(4px)}.mobile-drawer-actions{border-top:1px solid var(--border-subtle);flex-direction:column;gap:10px;padding-top:16px;display:flex}.mobile-action-btn{background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);font-family:var(--font-body);cursor:pointer;box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.mobile-action-btn:hover{color:#ff1053;background:#ff10531a;border-color:#ff105359;transform:translateY(-1px)}.mobile-action-btn.copy-email-btn.copied{color:#34d399;background:#34d3991f;border-color:#34d39966}.btn-icon-box{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn-label{text-align:left;flex:1}@media (max-width:768px){.global-top-bar{background:var(--bg-platter-left);-webkit-backdrop-filter:none}.search-results-dropdown,.mobile-menu-overlay{-webkit-backdrop-filter:none;background:#0c0e12f5}[data-theme=light] .search-results-dropdown,[data-theme=light] .mobile-menu-overlay{background:#f4f3f2f7}.footer-top-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.global-top-bar{padding:0 16px}.footer-top-grid{grid-template-columns:1fr}}

:root,[data-theme=dark]{--color-onyx:#0d0f14;--color-graphite:#161922;--color-pearl-aqua:#94a3b8;--color-snow:#f1f5f9;--color-verdigris:#5eead4;--color-muted:#64748b;--bg-canvas:#0c0e12;--bg-platter-left:#12141c;--bg-platter-right:#161922;--bg-card:#1c202b;--bg-card-hover:#242938;--bg-input:#151821;--border-color:#ffffff1f;--border-subtle:#ffffff0f;--text-main:#f1f5f9;--text-secondary:#94a3b8;--text-muted-color:#64748b;--text-accent:#cbd5e1;--text-highlight:#e2e8f0;--dot-status:#5eead4;--shadow-platter:0 16px 40px #00000080;--shadow-card:0 6px 24px #00000059;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--color-onyx:#131515;--color-graphite:#2b2c28;--color-pearl-aqua:#238273;--color-snow:#fffafb;--color-verdigris:#339989;--color-muted:#656865;--bg-canvas:#f4f3f2;--bg-platter-left:#fffafb;--bg-platter-right:#fff;--bg-card:#f8f8f7;--bg-card-hover:#f0f0ef;--bg-input:#eae8e7;--border-color:#33998940;--border-subtle:#13151514;--text-main:var(--color-onyx);--text-secondary:var(--color-graphite);--text-muted-color:var(--color-muted);--text-accent:var(--color-verdigris);--text-highlight:#1f6e61;--dot-status:var(--color-verdigris);--shadow-platter:0 10px 30px #0000000d;--shadow-card:0 4px 16px #0000000f;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{touch-action:manipulation;background-color:var(--bg-canvas);width:100%;max-width:100vw;min-height:100vh;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}body,button,input,select,textarea,a{font-family:var(--font-body);touch-action:manipulation}h1,h2,h3,h4,h5,h6,.hero-title,.section-title,.page-title{font-family:var(--font-heading);letter-spacing:-.03em;word-break:break-word;overflow-wrap:anywhere}code,kbd,pre,.mono,.tech-tag,.tag{font-family:var(--font-mono)}kbd{font-size:.75rem;font-weight:600;font-family:var(--font-mono);color:var(--text-accent);background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .45rem;display:inline-flex}.app-container{justify-content:center;align-items:center;width:100%;max-width:100vw;height:100%;display:flex;position:relative;overflow-x:hidden}.background-effect{background-color:var(--bg-canvas);z-index:-2;pointer-events:none;will-change:transform;background-image:radial-gradient(circle at 50% 0,#ffffff08 0%,#0000 60%),radial-gradient(#ffffff05 1px,#0000 1px);background-size:100% 100%,32px 32px;position:fixed;inset:0;transform:translateZ(0)}.reveal-wrapper{opacity:0;will-change:opacity, transform;width:100%;max-width:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-wrapper.is-visible{opacity:1;transform:none!important}.fade-up{transform:translateY(20px)}.fade-in{transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-accent)}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media (max-width:640px){h1,.page-title{font-size:clamp(1.55rem,5.5vw,2.1rem)!important;line-height:1.2!important}h2{font-size:clamp(1.25rem,4.5vw,1.55rem)!important;line-height:1.25!important}h3{font-size:clamp(1.05rem,3.8vw,1.25rem)!important;line-height:1.3!important}}