:root{--font-family-main: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-nested-modal: 1100;--z-overlay: 1200;--z-alert: 1500;--z-toast: 2000;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 48px;--bg-light: #f5f5f7;--glass-bg-light: rgba(240, 240, 245, .55);--glass-border-light: rgba(255, 255, 255, .6);--text-primary-light: #1d1d1f;--text-secondary-light: #4a4a50;--accent-blue-light: #007aff;--accent-red-light: #ff3b30;--accent-green-light: #34c759;--accent-purple-light: #af52de;--accent-blue-vibrant-light: rgba(0, 122, 255, .2);--accent-purple-vibrant-light: rgba(175, 82, 222, .15);--button-glass-bg-light: rgba(230, 230, 235, .4);--button-glass-border-light: rgba(255, 255, 255, .5);--bg-dark: #000000;--glass-bg-dark: rgba(28, 28, 30, .7);--glass-border-dark: rgba(85, 85, 90, .5);--text-primary-dark: #f5f5f7;--text-secondary-dark: #b8b8bd;--accent-blue-dark: #0a84ff;--accent-red-dark: #ff453a;--accent-green-dark: #30d158;--accent-purple-dark: #bf5af2;--accent-blue-vibrant-dark: rgba(10, 132, 255, .25);--accent-purple-vibrant-dark: rgba(191, 90, 242, .2);--button-glass-bg-dark: rgba(50, 50, 52, .6);--button-glass-border-dark: rgba(110, 110, 115, .5);--input-bg-dark: rgba(58, 58, 60, 1);--input-border-dark: rgba(99, 99, 102, .6);--accent-coral: #ff6b9d;--accent-rose-gold: #e8b4a0;--accent-teal: #4ecdc4;--accent-lavender: #a78bfa;--accent-peach: #ffb088;--accent-mint: #84e3d0;--accent-coral-vibrant: rgba(255, 107, 157, .2);--accent-lavender-vibrant: rgba(167, 139, 250, .2);--accent-teal-vibrant: rgba(78, 205, 196, .2);--header-gradient-start: #b08968;--header-gradient-end: #c9b8a3;--subnav-gradient-start: #a89784;--subnav-gradient-end: #c9b8a3;--accent-primary: var(--accent-blue-light);--accent-secondary: var(--accent-teal);--accent-primary-vibrant: var(--accent-blue-vibrant-light);--accent-secondary-vibrant: var(--accent-teal-vibrant);--blur-intensity: 22px;--border-radius-main: 24px;--border-radius-subtle: 16px;--transition-speed: .3s;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--btn-padding-sm: 6px 12px;--btn-padding-md: 10px 20px;--btn-padding-lg: 12px 24px;--btn-padding-xl: 14px 28px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--animation-fast: .15s;--animation-normal: .25s;--animation-slow: .4s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scrollbar-gutter:stable}body{font-family:var(--font-family-main);margin:0;padding:2rem;background-color:var(--bg-light);color:var(--text-primary-light);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;box-sizing:border-box;overflow:hidden;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}@media (max-height: 900px){body{padding:1rem}}@media (max-height: 768px){body{padding:.5rem}}.vision-pro-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.orb1{width:500px;height:500px;background:radial-gradient(circle,#007aff 0%,#5ac8fa 40%,transparent 70%);top:-10%;left:-10%;animation:move-orb1 25s infinite alternate}.orb2{width:600px;height:600px;background:radial-gradient(circle,#a78bfa 0%,#4ecdc4 40%,transparent 70%);bottom:-20%;right:-20%;animation:move-orb2 30s infinite alternate}.orb3{width:400px;height:400px;background:radial-gradient(circle,#84e3d0 0%,#5ac8fa 40%,transparent 70%);bottom:20%;left:10%;animation:move-orb3 20s infinite alternate}@keyframes move-orb1{0%{transform:translate(-10%,-10%)}to{transform:translate(30%,20%)}}@keyframes move-orb2{0%{transform:translate(-20%,-20%)}to{transform:translate(10%,10%)}}@keyframes move-orb3{0%{transform:translate(10%,20%)}to{transform:translate(-20%,-10%)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:var(--text-primary-light)!important;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px var(--button-glass-bg-light)}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-primary, #007aff);color:#fff;padding:8px 16px;z-index:10000;font-size:14px;text-decoration:none;border-radius:0 0 4px;transition:top .2s}.skip-link:focus{top:0}.hidden{display:none!important}