@import"https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&display=swap";:root{--sky-sunset: oklch(85% .12 60);--sky-twilight: oklch(75% .08 70);--sky-dusk: oklch(65% .05 250);--sky-night: oklch(20% .01 250);--mountain-peak: oklch(95% .01 60);--mountain-sunset: oklch(70% .1 50);--forest-dark: oklch(30% .05 140);--forest-light: oklch(40% .06 140);--water-surface: oklch(25% .02 250);--water-reflection: oklch(35% .03 60);--accent-primary: oklch(68% .15 50);--accent-secondary: oklch(60% .12 140);--accent-tertiary: oklch(65% .1 250);--neutral-50: oklch(98% .01 60);--neutral-100: oklch(95% .01 60);--neutral-200: oklch(90% .01 60);--neutral-300: oklch(80% .01 60);--neutral-400: oklch(70% .01 60);--neutral-500: oklch(60% .01 60);--neutral-600: oklch(50% .01 60);--neutral-700: oklch(40% .01 60);--neutral-800: oklch(30% .01 60);--neutral-900: oklch(20% .01 60);--text-primary: oklch(15% .01 60);--text-secondary: oklch(40% .01 60);--text-muted: oklch(60% .01 60);--text-on-dark: oklch(95% .01 60);--surface-bg: oklch(98% .01 60);--surface-card: oklch(100% 0 0 / .7);--surface-overlay: oklch(100% 0 0 / .85);--border-light: oklch(90% .01 60 / .3);--border-medium: oklch(80% .01 60 / .4);--border-strong: oklch(60% .01 60 / .5);--success: oklch(65% .15 140);--warning: oklch(70% .18 50);--error: oklch(60% .2 20);--info: oklch(65% .12 250);--font-display: "Fraunces", serif;--font-body: "Onest", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.75rem, .7rem + .2vw, .8rem);--text-sm: clamp(.82rem, .78rem + .15vw, .88rem);--text-base: clamp(.95rem, .9rem + .2vw, 1.05rem);--text-lg: clamp(1.1rem, 1rem + .4vw, 1.3rem);--text-xl: clamp(1.4rem, 1.2rem + .8vw, 1.8rem);--text-2xl: clamp(1.8rem, 1.4rem + 1.6vw, 2.6rem);--text-3xl: clamp(2.2rem, 1.6rem + 2.4vw, 3.8rem);--text-4xl: clamp(2.8rem, 2rem + 3.2vw, 5rem);--leading-tight: 1.15;--leading-normal: 1.6;--leading-relaxed: 1.8;--leading-loose: 2;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(0% 0 0 / .05);--shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .07), 0 2px 4px -2px oklch(0% 0 0 / .05);--shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / .08), 0 4px 6px -4px oklch(0% 0 0 / .04);--shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / .1), 0 8px 10px -6px oklch(0% 0 0 / .06);--backdrop-blur: blur(16px) saturate(180%);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-very-slow: .8s;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:linear-gradient(180deg,var(--sky-sunset) 0%,var(--sky-twilight) 20%,var(--sky-dusk) 50%,var(--sky-night) 100%);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(ellipse at 70% 20%,var(--mountain-peak) 0%,transparent 20%),radial-gradient(ellipse at 30% 25%,var(--mountain-peak) 0%,transparent 15%),radial-gradient(ellipse at 50% 40%,var(--mountain-sunset) 0%,transparent 30%),radial-gradient(ellipse at 40% 60%,var(--forest-dark) 0%,transparent 25%),radial-gradient(ellipse at 60% 65%,var(--forest-light) 0%,transparent 20%),radial-gradient(ellipse at 50% 90%,var(--water-surface) 0%,transparent 40%),radial-gradient(ellipse at 50% 95%,var(--water-reflection) 0%,transparent 30%);opacity:.7;mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.01em}h1{font-size:var(--text-3xl);font-weight:600}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:var(--space-sm);color:var(--text-secondary);max-width:65ch}a{color:var(--accent-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out-expo)}a:hover{color:#c46016}code{font-family:var(--font-mono);font-size:.88em;padding:.15em .4em;background:#f4ede8;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--accent-primary)}pre{padding:var(--space-md);margin:var(--space-md) 0;background:var(--neutral-900);border-radius:var(--radius-lg);overflow-x:auto;font-family:var(--font-mono);font-size:.82em;line-height:1.7;box-shadow:var(--shadow-md)}pre code{padding:0;background:none;border:none;color:var(--neutral-200)}blockquote{border-left:3px solid var(--accent-primary);margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md);background:#faf4ef;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-family:var(--font-display);font-style:italic}table{width:100%;border-collapse:collapse;margin:var(--space-md) 0;font-size:var(--text-sm);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}th{text-align:left;padding:var(--space-xs) var(--space-sm);background:var(--neutral-800);color:var(--text-on-dark);font-family:var(--font-body);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--accent-primary)}td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}tr:hover td{background:#faf4ef}img{max-width:100%;height:auto;border-radius:var(--radius-md)}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary) 50%,transparent);margin:var(--space-2xl) 0;opacity:.3}::selection{background:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{user-select:none}.page-transition{opacity:0;transform:translateY(20px);animation:fadeInUp var(--duration-slow) var(--ease-out-expo) forwards}.page-transition-delay-1{animation-delay:var(--duration-fast)}.page-transition-delay-2{animation-delay:var(--duration-normal)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.elegant-hover{transition:all var(--duration-normal) var(--ease-out-expo)}.elegant-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);background:var(--surface-card);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);letter-spacing:.02em;transition:all var(--duration-normal) var(--ease-out-expo);cursor:pointer}.btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-primary:hover{background:#c46016;border-color:#c46016;color:#fff}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.grid-layout{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--surface-card);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--duration-normal) var(--ease-out-expo)}.card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.glass-nav{background:var(--surface-card);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-light)}.sunset-entrance{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sunset-content{text-align:center;max-width:600px;padding:var(--space-2xl);background:var(--surface-card);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-2xl);border:1px solid var(--border-light);box-shadow:var(--shadow-xl)}.sunset-title{font-size:var(--text-4xl);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-sm);color:var(--text-primary);font-family:var(--font-display)}.sunset-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:var(--leading-relaxed);font-weight:300;letter-spacing:.01em}.sunset-button{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-sm) var(--space-xl);background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);transition:all var(--duration-slow) var(--ease-out-expo);position:relative;overflow:hidden}.sunset-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--accent-primary);transform:translate(-50%,-50%);transition:width .6s var(--ease-out-expo),height .6s var(--ease-out-expo);z-index:-1}.sunset-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #e0793733}.sunset-button:hover:before{width:300px;height:300px}.sunset-button:active{transform:translateY(0)}@keyframes sunsetFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sunset-content>*{animation:sunsetFadeIn var(--duration-very-slow) var(--ease-out-expo) forwards}.sunset-title{animation-delay:.1s}.sunset-subtitle{animation-delay:.3s}.sunset-button{animation-delay:.5s}@media(max-width:768px){.sunset-content{padding:var(--space-xl);margin:var(--space-md)}.sunset-title{font-size:var(--text-3xl)}.sunset-button{padding:var(--space-xs) var(--space-lg)}}