:root{--bg-color: #f4f6f8;--orb-gradient-1: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--orb-gradient-2: linear-gradient(135deg, #5c62ff 0%, #8500ff 100%);--text-main: #1d1d1f;--text-sub: #86868b;--glass-bg: rgba(255, 255, 255, .4);--glass-border: 1px solid rgba(255,255,255,.6);--glass-shadow: 0 10px 40px -10px rgba(0,0,0,.1);--primary: #007aff}:root.dark{--bg-color: #0d0d10;--orb-gradient-1: linear-gradient(135deg, #a737ff 0%, #30cfd0 100%);--orb-gradient-2: linear-gradient(135deg, #ffd330 0%, #ff5274 100%);--text-main: #f5f5f7;--text-sub: #a1a1a6;--glass-bg: rgba(28,28,30, .6);--glass-border: 1px solid rgba(255,255,255,.2);--glass-shadow: 0 10px 40px -10px rgba(0,0,0,.6);--primary: #0a84ff}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;transition:background .5s}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:90%;max-width:1000px;margin:0 auto;position:relative;z-index:1;padding:80px 0;overflow-y:auto}.fixed-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.base-bg{position:absolute;inset:0;background:var(--bg-color);transition:background .5s}.multi-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.6;z-index:-1}.orb-one{top:10%;left:20%;width:60vmin;height:60vmin;background:var(--orb-gradient-1);animation:orb-move-1 18s infinite alternate ease-in-out}@keyframes orb-move-1{0%{transform:translate(-20%,-20%) scale(1)}to{transform:translate(10vw,5vh) scale(1.15)}}.orb-two{bottom:15%;right:25%;width:70vmin;height:70vmin;background:var(--orb-gradient-2);animation:orb-move-2 15s infinite alternate-reverse ease-in-out}@keyframes orb-move-2{0%{transform:translate(20%,20%) scale(1.1)}to{transform:translate(-10vw,-10vh) scale(.9)}}.orb-three{top:50%;left:50%;width:40vmin;height:40vmin;background:var(--orb-gradient-1);opacity:.4;animation:orb-move-3 25s infinite linear}@keyframes orb-move-3{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.05)}}.simple-glass{background:var(--glass-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border:var(--glass-border);border-radius:28px;box-shadow:var(--glass-shadow);padding:50px;text-align:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative}.card{width:100%;box-sizing:border-box}.title-card h1{margin:0;font-size:3rem;font-weight:700;letter-spacing:-1px}.subtitle{font-size:1.2rem;opacity:.7;margin-top:10px;font-weight:400}.link-group{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px}.glass-btn{text-decoration:none;color:var(--text-main);padding:14px 30px;border-radius:100px;background:#ffffff4d;border:1px solid rgba(255,255,255,.5);font-weight:600;font-size:1rem;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center}:root.dark .glass-btn{background:#ffffff1a;border-color:#ffffff26}.glass-btn:hover{background:var(--primary);color:#fff;border-color:transparent;transform:scale(1.03)}.primary-btn{background:var(--primary);color:#fff;border:none}.sheen-effect:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.5),transparent);transform:skew(-25deg);transition:.5s;pointer-events:none}.sheen-effect:hover{transform:translateY(-5px)}.sheen-effect:hover:before{left:150%;transition:.8s}.navbar{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;box-sizing:border-box;z-index:100}.footer{position:fixed;bottom:0;left:0;width:100%;padding:15px 0;text-align:center;font-size:.9rem;color:var(--text-sub);z-index:90}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:var(--glass-border)}.footer.glass-panel{border-bottom:none;border-top:var(--glass-border)}.footer a{color:var(--primary);text-decoration:none}.brand{font-weight:700;font-size:1.3rem}.desktop-nav{display:none;gap:24px;align-items:center}.nav-link{text-decoration:none;color:var(--text-main);font-weight:500;transition:color .2s}.nav-link:hover{color:var(--primary)}.theme-btn{background:transparent;border:1px solid rgba(128,128,128,.2);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.theme-btn:hover{background:#8080801a}.floating-button{position:fixed;right:24px;bottom:100px;width:56px;height:56px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000001a;z-index:200}.mobile-menu{position:fixed;bottom:0;left:0;width:100%;z-index:201;border-radius:28px 28px 0 0;padding-bottom:30px;display:flex;justify-content:center}.mobile-menu ul{list-style:none;padding:0;margin:0;width:100%;max-width:320px}.mobile-menu a{display:block;padding:18px;color:var(--text-main);text-decoration:none;font-weight:600;font-size:1.1rem;text-align:center}.backdrop{position:fixed;inset:0;background:#0000004d;z-index:200}.popup-overlay{position:fixed;inset:0;background:#0006;z-index:300;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.popup-content{width:85%;max-width:450px}.full-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:300;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-iframe-container{width:95vw;height:95vh;padding:0;display:flex;flex-direction:column;text-align:left}.iframe-header{padding:15px 30px;border-bottom:var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:var(--glass-bg);border-radius:28px 28px 0 0}.iframe-header h3{margin:0}.close-btn{padding:8px 15px;font-size:1rem;background:#ffffff4d;border-color:#fff6}.blog-iframe{flex:1;width:100%;border:none;background-color:transparent;border-radius:0 0 28px 28px}.global-ripple{position:fixed;width:10px;height:10px;background:#96969633;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);animation:ripple .7s linear forwards}@keyframes ripple{to{width:600px;height:600px;opacity:0}}@media (min-width: 768px){.mobile-only{display:none!important}.desktop-nav{display:flex}.title-card h1{font-size:4rem}.simple-glass{padding:60px}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}.pop-enter-active,.pop-leave-active{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.pop-enter-from,.pop-leave-to{opacity:0;transform:scale(.95)}