:root{--font-family-sans: "Outfit", sans-serif;--font-family-serif: "Playfair Display", serif;--hue-midnight: 220;--hue-rose: 343;--hue-gold: 38;--bg-color: hsl(var(--hue-midnight), 35%, 96%);--bg-deep: hsl(var(--hue-midnight), 30%, 91%);--bg-surface: #ffffff;--bg-card: rgba(255, 255, 255, .7);--bg-glass: rgba(255, 255, 255, .65);--text-color: hsl(var(--hue-midnight), 55%, 12%);--text-muted: hsl(var(--hue-midnight), 20%, 35%);--text-dimmed: hsl(var(--hue-midnight), 15%, 55%);--color-primary: hsl(var(--hue-midnight), 50%, 20%);--color-primary-glow: rgba(15, 28, 63, .08);--color-rose: hsl(var(--hue-gold), 48%, 46%);--color-rose-glow: rgba(176, 130, 51, .12);--color-gold: hsl(var(--hue-gold), 75%, 38%);--color-gold-glow: rgba(180, 115, 0, .12);--color-teal: hsl(174, 75%, 32%);--border-glass: 1px solid rgba(15, 28, 63, .08);--border-light: 1px solid rgba(15, 28, 63, .15);--border-glow: 1px solid rgba(176, 130, 51, .2);--shadow-sm: 0 4px 10px rgba(15, 28, 63, .03);--shadow-md: 0 10px 30px rgba(15, 28, 63, .06);--shadow-lg: 0 20px 50px rgba(15, 28, 63, .1);--shadow-glow: 0 0 20px var(--color-rose-glow);--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100%}body{font-family:var(--font-family-sans);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;max-width:100%;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:hsl(var(--hue-midnight),15%,80%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-rose)}*{scrollbar-color:hsl(var(--hue-midnight),15%,80%) var(--bg-deep);scrollbar-width:thin}::selection{background:var(--color-rose-glow);color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);font-weight:700;line-height:1.25;color:var(--color-primary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:var(--border-glass);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 30%,var(--color-rose) 75%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-btn{font-family:var(--font-family-sans);font-weight:600;font-size:.95rem;letter-spacing:.5px;padding:.85rem 1.8rem;border-radius:50px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--color-primary),var(--color-rose));color:#fff;box-shadow:0 4px 15px #b0823333;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;gap:8px;justify-content:center;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b0823359}.glow-btn:active{transform:translateY(0)}.glow-btn-secondary{font-family:var(--font-family-sans);font-weight:600;font-size:.95rem;padding:.85rem 1.8rem;border-radius:50px;border:var(--border-glass);cursor:pointer;background:#fffc;color:var(--color-primary);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;gap:8px;justify-content:center;box-shadow:var(--shadow-sm);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.glow-btn-secondary:hover{background:#fff;border-color:var(--color-rose);transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #0f1c3f0d}50%{box-shadow:0 0 25px #0f1c3f26}to{box-shadow:0 0 10px #0f1c3f0d}}.animate-float{animation:float 6s ease-in-out infinite;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.text-pretty{text-wrap:pretty}.text-balance{text-wrap:balance}