:root{--glass-primary:hsla(0,0%,100%,.12);--glass-secondary:hsla(0,0%,100%,.08);--glass-tertiary:hsla(0,0%,100%,.04);--glass-accent:rgba(0,122,255,.15);--glass-accent-hover:rgba(0,122,255,.25);--text-primary:hsla(0,0%,100%,.95);--text-secondary:hsla(0,0%,100%,.75);--text-tertiary:hsla(0,0%,100%,.55);--text-quaternary:hsla(0,0%,100%,.35);--bg-primary:linear-gradient(135deg,rgba(0,0,0,.85),rgba(20,20,30,.9) 25%,rgba(30,30,45,.88) 50%,rgba(15,15,25,.92) 75%,rgba(0,0,0,.95));--bg-secondary:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));--glass-blur:blur(20px) saturate(180%);--glass-blur-strong:blur(30px) saturate(200%);--glass-border:1px solid hsla(0,0%,100%,.18);--glass-border-strong:1px solid hsla(0,0%,100%,.25);--shadow-glass:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1);--shadow-glass-hover:0 12px 40px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.15);--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:800;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-family);font-weight:var(--font-weight-regular);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;min-height:100dvh;overflow-x:hidden}body{background:var(--bg-primary);background-attachment:fixed;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;position:relative}body:before{background-image:url(/background.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-2}body:after,body:before{content:"";position:fixed;inset:0}body:after{background:linear-gradient(135deg,rgba(0,0,0,.2),rgba(0,0,0,.3));z-index:-1}.liquid-glass-container{width:min(900px,95vw);padding:0;border-radius:var(--radius-2xl);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 60px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);margin-inline:auto;position:relative;overflow:hidden;transition:all var(--transition-normal)}.liquid-glass-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,.02));border-radius:inherit;z-index:-1}.liquid-glass-container:hover{transform:translateY(-2px);box-shadow:0 25px 70px rgba(0,0,0,.5),0 12px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.2)}.liquid-glass-card{padding:clamp(var(--space-xl),5vw,var(--space-3xl));border-radius:inherit;background:hsla(0,0%,100%,.03);border:none;color:var(--text-primary);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.08);position:relative;overflow:hidden;transition:all var(--transition-normal);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.liquid-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent)}.liquid-glass-card:hover{transform:translateY(-1px);background:hsla(0,0%,100%,.05);box-shadow:0 8px 24px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.12)}.liquid-glass-btn{padding:var(--space-md) var(--space-lg);min-height:48px;border-radius:var(--radius-lg);background:var(--glass-accent);border:var(--glass-border);color:var(--text-primary);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:16px;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-glass);transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.liquid-glass-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%,hsla(0,0%,100%,.05));opacity:0;transition:opacity var(--transition-fast)}.liquid-glass-btn:hover{transform:translateY(-2px) scale(1.02);background:var(--glass-accent-hover);border-color:hsla(0,0%,100%,.3);box-shadow:var(--shadow-glass-hover)}.liquid-glass-btn:hover:before{opacity:1}.liquid-glass-btn:active{transform:translateY(0) scale(.98);transition:all .1s ease}.liquid-glass-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.liquid-glass-btn-secondary{background:var(--glass-secondary);border-color:hsla(0,0%,100%,.2)}.liquid-glass-btn-secondary:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.3)}.liquid-glass-pill{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:var(--glass-border);color:var(--text-secondary);background:var(--glass-tertiary);text-decoration:none;font-size:13px;font-weight:var(--font-weight-medium);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-xs)}.liquid-glass-pill:hover{background:var(--glass-secondary);color:var(--text-primary);transform:translateY(-1px)}.liquid-glass-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:var(--glass-accent);border:var(--glass-border);color:var(--text-primary);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);display:inline-flex;align-items:center;gap:var(--space-xs)}.liquid-glass-title{margin:var(--space-lg) 0 var(--space-sm) 0;font-size:clamp(32px,6vw,52px);font-weight:var(--font-weight-heavy);letter-spacing:-.02em;line-height:1.1;color:var(--text-primary);text-align:center;background:linear-gradient(135deg,var(--text-primary) 0,hsla(0,0%,100%,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.liquid-glass-subtitle{margin:0 0 var(--space-lg) 0;color:var(--text-secondary);font-size:clamp(14px,2.6vw,18px);font-weight:var(--font-weight-regular);text-align:center;line-height:1.4}.liquid-glass-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.liquid-glass-text-muted{color:var(--text-tertiary);font-size:12px;opacity:.9}.liquid-glass-link{color:#c8a0ff;text-decoration:underline;text-underline-offset:2px;transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.liquid-glass-link:hover{color:#dcb4ff;text-decoration-thickness:2px}.liquid-glass-input{padding:var(--space-md);border-radius:var(--radius-md);border:var(--glass-border);background:var(--glass-tertiary);color:var(--text-primary);font-size:16px;font-family:inherit;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);transition:all var(--transition-fast);width:100%}.liquid-glass-input::placeholder{color:var(--text-quaternary)}.liquid-glass-input:focus{outline:none;border-color:rgba(0,122,255,.5);background:var(--glass-secondary);box-shadow:0 0 0 3px rgba(0,122,255,.1),var(--shadow-glass)}.liquid-glass-error{color:#ff6b6b;background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);padding:var(--space-md);border-radius:var(--radius-md);font-size:14px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.liquid-glass-spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.1);border-top-color:rgba(0,122,255,.8);border-radius:50%;animation:liquid-spin 1s linear infinite;margin:var(--space-lg) auto 0}@keyframes liquid-spin{to{transform:rotate(1turn)}}.page-wrap{min-height:100vh;min-height:100dvh;align-items:center;padding:max(var(--space-md),env(safe-area-inset-top)) max(var(--space-md),env(safe-area-inset-right)) max(var(--space-lg),env(safe-area-inset-bottom)) max(var(--space-md),env(safe-area-inset-left))}.page-wrap,main{display:flex;justify-content:center}main{width:100%;padding:0 var(--space-md)}.navigation{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(0,0,0,.3);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border-top:1px solid hsla(0,0%,100%,.15);padding:var(--space-md) 0;padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));box-shadow:0 -8px 32px rgba(0,0,0,.4),0 -2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.navigation-container{display:flex;justify-content:space-around;align-items:center;max-width:600px;margin:0 auto;padding:0 var(--space-lg);background:hsla(0,0%,100%,.03);border-radius:var(--radius-2xl);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.06);margin-bottom:var(--space-sm)}.navigation-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-xl);color:var(--text-tertiary);text-decoration:none;transition:all var(--transition-normal);min-width:60px;position:relative;overflow:hidden}.navigation-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,.02));border-radius:inherit;opacity:0;transition:opacity var(--transition-fast)}.navigation-item:hover{color:var(--text-secondary);transform:translateY(-2px)}.navigation-item:hover:before{opacity:1}.navigation-item-active{color:var(--text-primary);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.navigation-item-active:before{opacity:1;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.04))}.navigation-item-active svg{filter:drop-shadow(0 0 12px rgba(255,255,255,.4));transform:scale(1.05)}.navigation-item svg{transition:all var(--transition-normal);z-index:1;position:relative}.navigation-label{font-size:.7rem;font-weight:var(--font-weight-semibold);text-align:center;line-height:1.2;z-index:1;position:relative;letter-spacing:.02em}.page-wrap{padding-bottom:80px}@media (max-width:768px){.liquid-glass-container{width:min(95vw,500px);border-radius:var(--radius-lg)}.liquid-glass-card{padding:var(--space-lg)}.liquid-glass-btn{padding:var(--space-md);font-size:15px}body{background-attachment:scroll}.navigation-container{padding:0 var(--space-md);margin:0 var(--space-sm);margin-bottom:var(--space-sm)}.navigation-item{min-width:50px;padding:var(--space-sm) var(--space-xs)}.navigation-label{font-size:.65rem}.page-wrap{padding-bottom:90px}}@media (max-width:480px){.liquid-glass-container{width:min(98vw,400px);border-radius:var(--radius-md)}.liquid-glass-card{padding:var(--space-md)}.liquid-glass-title{font-size:clamp(24px,8vw,32px)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:after{animation:none}}@media (prefers-contrast:more){.liquid-glass-btn,.liquid-glass-card,.liquid-glass-container{border-width:2px;border-color:hsla(0,0%,100%,.5)}}