:root{--primary-color: #f59e0b;--primary-color-darker: #d97706;--primary-color-light-background: #1a2238;--secondary-color: #0b1120;--surface-color: rgba(15, 23, 42, .76);--surface-strong: #111827;--surface-soft: rgba(30, 41, 59, .68);--text-color: #dbe4f0;--muted-text: #94a3b8;--light-gray: #64748b;--white: #f8fafc;--heading-color: #f8fafc;--section-heading-color: #f8fafc;--bg-start: #09101d;--bg-mid: #0b1120;--bg-end: #0f172a;--header-bg: rgba(11, 17, 32, .72);--header-bg-strong: rgba(11, 17, 32, .9);--overlay-bg: rgba(11, 17, 32, .95);--hero-shell-start: rgba(15, 23, 42, .82);--hero-shell-end: rgba(30, 41, 59, .56);--card-bg-start: rgba(15, 23, 42, .88);--card-bg-end: rgba(30, 41, 59, .78);--field-bg: rgba(15, 23, 42, .44);--border-color: rgba(148, 163, 184, .18);--shadow-color: rgba(2, 6, 23, .45);--font-family: "Poppins", sans-serif;--header-height: 70px}[data-theme=light]{--secondary-color: #f7f3ec;--surface-color: rgba(255, 255, 255, .78);--surface-strong: #fffdf8;--surface-soft: rgba(255, 248, 240, .92);--text-color: #1f2937;--muted-text: #5b6472;--light-gray: #8b95a7;--heading-color: #2f2418;--section-heading-color: #2f2418;--primary-color: #c26d1f;--primary-color-darker: #9a5415;--primary-color-light-background: #f2e5d3;--bg-start: #f6f0e8;--bg-mid: #f7f3ec;--bg-end: #efe5d6;--header-bg: rgba(255, 255, 255, .7);--header-bg-strong: rgba(255, 255, 255, .92);--overlay-bg: rgba(247, 243, 236, .96);--hero-shell-start: rgba(255, 255, 255, .86);--hero-shell-end: rgba(242, 229, 211, .88);--card-bg-start: rgba(255, 255, 255, .92);--card-bg-end: rgba(245, 235, 222, .96);--field-bg: rgba(255, 255, 255, .72);--border-color: rgba(148, 163, 184, .28);--shadow-color: rgba(148, 163, 184, .18);--white: #ffffff}:focus-visible{outline:3px solid var(--primary-color-darker);outline-offset:2px;border-radius:6px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;scroll-behavior:smooth}html{background:radial-gradient(circle at top left,rgba(245,158,11,.18),transparent 28%),radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 24%),linear-gradient(180deg,var(--bg-start) 0%,var(--bg-mid) 42%,var(--bg-end) 100%)}body{font-family:var(--font-family);color:var(--text-color);line-height:1.6;padding-top:var(--header-height);background:transparent;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;filter:blur(12px)}body:before{top:6rem;left:-8rem;width:18rem;height:18rem;border-radius:50%;background:#f59e0b24}body:after{right:-6rem;bottom:8rem;width:20rem;height:20rem;border-radius:50%;background:#38bdf81a}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;position:relative}.content-section{padding:5rem 0;position:relative}.content-section .container{padding:0 2rem}.content-section:first-child{padding-top:2.5rem}.content-section:before{content:"";position:absolute;inset:1rem 1.25rem;border-radius:32px;background:linear-gradient(180deg,#ffffff05,#fff0);border:1px solid rgba(255,255,255,.04);pointer-events:none}.content-section.bg-gray{background:transparent}.container{max-width:1100px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4{font-weight:600;line-height:1.15}h1{font-size:clamp(2.8rem,6vw,4.8rem);color:var(--white);letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3rem);color:var(--section-heading-color);margin-bottom:2.5rem;text-align:center;position:relative;padding-bottom:1.1rem}h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:90px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--primary-color),#38bdf8)}h3{font-size:1.45rem;color:var(--section-heading-color);margin-bottom:1rem}h4{font-size:1rem;color:var(--muted-text)}a{color:var(--primary-color);text-decoration:none;transition:color .25s ease,transform .25s ease}a:hover{color:var(--white)}.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:.9rem 1.4rem;border-radius:999px;font-weight:600;text-align:center;border:1px solid transparent;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease}.btn{background:linear-gradient(135deg,var(--primary-color),#fb923c);color:#111827;box-shadow:0 14px 30px #f59e0b38}.btn:hover{color:#111827;transform:translateY(-2px);box-shadow:0 18px 36px #f59e0b47}.btn-outline{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-outline:hover{background:#f59e0b1f;border-color:#f59e0b6b;color:var(--text-color);transform:translateY(-2px)}.theme-toggle{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);padding:.65rem .95rem;border-radius:999px;font-weight:600;cursor:pointer;margin-left:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{background:#f59e0b24;border-color:#f59e0b59}footer{color:var(--text-color);padding:3rem 0 2rem;text-align:center}section{transition:all .3s ease}@media (max-width: 768px){:root{--header-height: 60px}body:before,body:after,.content-section:before{display:none}.content-section{padding:3.5rem 0}.container,.content-section .container{padding:0 1.25rem}}