@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9a9a9a;--color-bg-primary:#fafafa;--color-bg-secondary:#fff;--color-border:#00000014;--gradient-accent:linear-gradient(135deg,#ff4757 0%,#a55eea 50%,#2e86de 100%);--gradient-subtle:linear-gradient(135deg,#ff475726 0%,#a55eea26 50%,#2e86de26 100%);--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:80px;--space-2xl:120px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--font-size-4xl:64px;--font-size-5xl:80px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary);letter-spacing:-.011em;margin:0;line-height:1.6}a{color:var(--color-text-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-secondary)}.container{max-width:900px;padding:var(--space-lg)var(--space-md);margin:0 auto}@media (min-width:768px){.container{padding:var(--space-xl)var(--space-lg)}}.nav{gap:var(--space-xs);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.nav a{font-size:var(--font-size-sm);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-bg-secondary);transition:all var(--transition-base);border-radius:999px;padding:8px 20px;font-weight:500;display:inline-block;position:relative;overflow:hidden}.nav a:before{content:"";background:var(--gradient-subtle);opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.nav a:hover{color:var(--color-text-primary);border-color:#00000026;transform:translateY(-1px)}.nav a:hover:before{opacity:1}.nav a:active{transform:translateY(0)}.h1{font-size:var(--font-size-4xl);letter-spacing:-.04em;margin:0 0 var(--space-md);color:var(--color-text-primary);font-weight:700;line-height:1.1}@media (min-width:768px){.h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-lg)}}.sub{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--space-lg);letter-spacing:-.01em;max-width:680px;font-weight:400;line-height:1.7}@media (min-width:768px){.sub{font-size:var(--font-size-xl)}}h2{font-size:var(--font-size-2xl);letter-spacing:-.02em;margin:var(--space-xl)0 var(--space-md);color:var(--color-text-primary);font-weight:600;line-height:1.3}h3{font-size:var(--font-size-xl);letter-spacing:-.01em;margin:var(--space-lg)0 var(--space-sm);color:var(--color-text-primary);font-weight:600;line-height:1.4}.section{margin-top:var(--space-xl);padding-top:var(--space-lg)}.card{border:1px solid var(--color-border);padding:var(--space-md);margin-top:var(--space-sm);background:var(--color-bg-secondary);transition:all var(--transition-base);border-radius:16px}.card:hover{border-color:#0000001f;transform:translateY(-2px)}.badge{font-size:var(--font-size-xs);border:1px solid var(--color-border);margin-right:var(--space-xs);margin-bottom:var(--space-xs);color:var(--color-text-secondary);background:var(--color-bg-secondary);transition:all var(--transition-fast);letter-spacing:.01em;border-radius:999px;padding:6px 16px;font-weight:500;display:inline-block}.badge:hover{color:var(--color-text-primary);border-color:#00000026;transform:translateY(-1px)}.btn{font-size:var(--font-size-base);letter-spacing:-.01em;color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-base);border-radius:999px;padding:12px 28px;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.btn:active{transform:translateY(0)}p a,.section a{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);transition:all var(--transition-fast);padding-bottom:1px}p a:hover,.section a:hover{border-bottom-color:var(--color-text-secondary);color:var(--color-text-secondary)}.footer{margin-top:var(--space-2xl);padding-top:var(--space-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.01em;border-top:1px solid var(--color-border)}.gradient-accent{background:var(--gradient-accent);opacity:.5;filter:blur(50px);pointer-events:none;z-index:-1;border-radius:50%;width:300px;height:300px;position:absolute}.gradient-accent-top-right{top:-150px;right:-150px}.gradient-accent-bottom-left{bottom:-20px;left:0}.gradient-accent-bottom-right{bottom:50px;right:-20px}.gradient-accent-top-left{top:-150px;left:-150px}.hero-section{padding:var(--space-xl)0;margin-bottom:var(--space-xl);transform-origin:50%;position:relative;transform:rotate(5deg)}.hero-section:before{content:"";background:var(--gradient-subtle);z-index:-1;border-radius:50%;position:absolute;inset:10% -20% 0}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spacer-sm{margin-top:var(--space-sm)}.spacer-md{margin-top:var(--space-md)}.spacer-lg{margin-top:var(--space-lg)}