:root{--glass-bg: rgba(255, 255, 255, .72);--glass-bg-light: rgba(255, 255, 255, .5);--glass-bg-solid: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: rgba(0, 0, 0, .08);--glass-blur: 20px;--color-primary: #007AFF;--color-primary-light: rgba(0, 122, 255, .12);--color-secondary: #5856D6;--color-success: #34C759;--color-warning: #FF9500;--color-danger: #FF3B30;--color-text: #1c1c1e;--color-text-secondary: #3c3c43;--color-text-tertiary: #8e8e93;--color-text-quaternary: #c7c7cc;--color-bg: #f2f2f7;--color-bg-elevated: #ffffff;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--spacing-xs: 6px;--spacing-sm: 10px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background:linear-gradient(135deg,#e8f0fe,#f8fafc,#fef3e8);min-height:100vh}body{color:var(--color-text);min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#007aff,#5856d6);top:-100px;left:-100px;animation-delay:0s}.orb-2{width:350px;height:350px;background:linear-gradient(135deg,#ff9500,#ff3b30);top:50%;right:-150px;animation-delay:-7s}.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#34c759,#007aff);bottom:-100px;left:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.glass-header{position:sticky;top:0;z-index:100;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-bottom:1px solid var(--glass-border);padding:var(--spacing-md)}.glass-header nav{max-width:1000px;margin:0 auto}.logo{display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .3s ease}.logo:hover{background:var(--color-primary-light)}.logo-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.logo-icon svg{width:24px;height:24px}.logo-text{font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}main{flex:1;max-width:1000px;margin:0 auto;padding:var(--spacing-lg);width:100%}.glass-footer{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-top:1px solid var(--glass-border);padding:var(--spacing-lg);text-align:center}.glass-footer p{font-size:.875rem;color:var(--color-text-tertiary);font-weight:500}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 4px 24px var(--glass-shadow),inset 0 1px #fff9;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f,inset 0 1px #fffc}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;text-decoration:none}.glass-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 4px 16px #007aff4d}.glass-btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 24px #007aff66}.glass-btn-secondary{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-text);border:1px solid var(--glass-border)}.glass-btn-secondary:hover{background:var(--glass-bg-solid)}@media (min-width: 640px){main{padding:var(--spacing-xl)}}@media (prefers-reduced-motion: reduce){.ambient-orb{animation:none}.glass-card:hover{transform:none}}