:root{--bg-color: #f5f7fb;--orb-gradient-1: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--orb-gradient-2: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);--text-main: #1d1d1f;--text-sub: #5f6472;--glass-bg: rgba(255, 255, 255, .42);--glass-border: 1px solid rgba(255, 255, 255, .56);--glass-shadow: 0 15px 40px rgba(0, 0, 0, .14);--primary: #0a66ff}:root.dark{--bg-color: #090b10;--orb-gradient-1: linear-gradient(135deg, #8e2de2 0%, #4a00e0 100%);--orb-gradient-2: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);--text-main: #f5f6fb;--text-sub: #b3b7c5;--glass-bg: rgba(19, 23, 35, .52);--glass-border: 1px solid rgba(255, 255, 255, .2);--glass-shadow: 0 18px 48px rgba(0, 0, 0, .55);--primary: #5aa0ff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;color:var(--text-main);background:var(--bg-color);overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column}.fixed-background{position:fixed;inset:0;z-index:-1;overflow:hidden}.base-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.45),transparent 55%),var(--bg-color);transition:background .35s}.multi-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.68}.orb-one{top:8%;left:8%;width:55vmin;height:55vmin;background:var(--orb-gradient-1);animation:drift1 18s infinite alternate ease-in-out}.orb-two{right:10%;bottom:8%;width:60vmin;height:60vmin;background:var(--orb-gradient-2);animation:drift2 20s infinite alternate ease-in-out}.orb-three{left:44%;top:44%;width:40vmin;height:40vmin;background:var(--orb-gradient-1);opacity:.42;animation:spin 24s linear infinite}@keyframes drift1{0%{transform:translate(-8%,-6%)}to{transform:translate(10%,6%)}}@keyframes drift2{0%{transform:translate(8%,8%)}to{transform:translate(-10%,-10%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.liquid-glass{background:linear-gradient(120deg,#ffffff6b,#ffffff38);border:var(--glass-border);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:var(--glass-shadow)}:root.dark .liquid-glass{background:linear-gradient(120deg,#1c22309e,#171b2673)}.liquid-glass-soft{background:#ffffff40;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #0000001a}:root.dark .liquid-glass-soft{background:#23293775;border-color:#ffffff26}.panel-padding{border-radius:24px;padding:24px}.navbar{position:fixed;top:14px;left:50%;transform:translate(-50%);width:min(1120px,calc(100% - 24px));height:64px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:100}.brand{font-weight:700}.desktop-nav{display:none;gap:18px;align-items:center}.nav-link{color:var(--text-main);text-decoration:none;font-weight:550}.nav-link:hover{color:var(--primary)}.theme-btn{width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#fff3;color:var(--text-main)}.main-content{flex:1;width:min(1120px,calc(100% - 24px));margin:96px auto 88px;display:flex;align-items:center}.hero-grid{width:100%;display:grid;gap:18px}.hero-main h1{margin:8px 0 14px;font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.02em}.eyebrow{margin:0;color:var(--text-sub);font-size:.9rem}.subtitle{margin:0;color:var(--text-sub);line-height:1.6}.cta-row{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.glass-btn{border:1px solid rgba(255,255,255,.45);background:#ffffff40;color:var(--text-main);border-radius:999px;padding:10px 18px;text-decoration:none;cursor:pointer;font-weight:600}.glass-btn:hover{transform:translateY(-1px)}.glass-btn.primary{background:var(--primary);border-color:transparent;color:#fff}.hero-side{display:grid;gap:12px}.side-card{border-radius:18px;padding:16px}.side-card h3{margin-top:0;margin-bottom:10px}.side-card ul{margin:0;padding-left:18px;color:var(--text-sub)}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{border:none;color:var(--text-main);background:#ffffff4d;border-radius:999px;padding:8px 12px;text-decoration:none;cursor:pointer}.footer{position:fixed;left:50%;transform:translate(-50%);bottom:12px;width:min(1120px,calc(100% - 24px));border-radius:14px;text-align:center;padding:10px;color:var(--text-sub);font-size:.9rem}.floating-button{position:fixed;right:16px;bottom:72px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;z-index:120;border:1px solid rgba(255,255,255,.45);background:#ffffff47;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-menu{position:fixed;inset:auto 12px 12px;border-radius:18px;padding:14px;z-index:130}.mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-menu a{display:block;padding:10px;text-decoration:none;color:var(--text-main)}.backdrop{position:fixed;inset:0;background:#00000059;z-index:125}.popup-overlay,.full-modal-overlay{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:180}.popup-content{width:min(520px,calc(100% - 24px))}.blog-iframe-container{width:min(1200px,96vw);height:92vh;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.iframe-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.35)}.close-btn{padding:6px 12px}.blog-iframe{flex:1;width:100%;border:0}.global-ripple{position:fixed;width:10px;height:10px;background:#ffffff47;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:ripple .7s linear forwards;z-index:999}@keyframes ripple{to{width:540px;height:540px;opacity:0}}@media (min-width: 900px){.desktop-nav{display:flex}.mobile-only{display:none!important}.hero-grid{grid-template-columns:1.3fr .9fr;gap:20px;padding:28px}}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .24s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(18px);opacity:0}.pop-enter-active,.pop-leave-active{transition:all .25s ease}.pop-enter-from,.pop-leave-to{transform:scale(.96);opacity:0}
