:root{--bg-primary: #09090b;--bg-elevated: #111114;--bg-subtle: #18181b;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-accent: #e4e4e7;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-glow: rgba(59, 130, 246, .25);--btn-bg: linear-gradient(136deg, rgba(190, 203, 225, .3) 1.02%, rgba(0, 0, 0, .3) 98.35%), rgba(0, 0, 0, .1);--btn-bg-hover: linear-gradient(136deg, rgba(190, 203, 225, .4) 1.02%, rgba(0, 0, 0, .4) 98.35%), rgba(0, 0, 0, .15);--btn-border: rgba(255, 255, 255, .22);--btn-border-hover: rgba(255, 255, 255, .32);--btn-shine: linear-gradient(180deg, rgba(255,255,255,.06) 0%, transparent 50%);--btn-text: #e4e4e7;--btn-primary-bg: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);--btn-primary-hover: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);--btn-primary-text: #ffffff;--btn-primary-glow: rgba(59, 130, 246, .4);--divider: rgba(255, 255, 255, .06);--divider-strong: rgba(255, 255, 255, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--col-gap: clamp(32px, 5vw, 72px);--row-gap: clamp(28px, 4vw, 56px);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--card-radius: 30px;--card-border: 1px solid var(--divider-strong);--card-bg: var(--bg-elevated);--chip-bg: rgba(170, 170, 170, .1);--chip-border: rgba(255, 255, 255, .1);--chip-text: #71717a;--chip-text-strong: #e4e4e7;--accent-blue: #5B6780;--accent-blue-glow: rgba(93, 115, 159, .5);--accent-bar-dark: #2A303D}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:400;line-height:1.6;color:var(--text-secondary);background:var(--bg-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--font-size-5xl);font-weight:700}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--text-primary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-xl)}@media (max-width: 768px){.container{padding:0 var(--space-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;line-height:1;color:var(--btn-text);background:linear-gradient(136deg,#becbe133,#00000040),#1e202699;border:1px solid transparent;border-radius:12px;backdrop-filter:blur(12.5px);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative}.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff47,#ffffff1f,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.btn:after{content:"";position:absolute;top:1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);pointer-events:none}.btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.btn-primary{color:var(--btn-primary-text);background:var(--btn-primary-bg);border-color:transparent;box-shadow:0 0 20px var(--btn-primary-glow)}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:0 0 30px var(--btn-primary-glow)}.btn-ghost{background:transparent;border-color:var(--divider-strong);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--btn-border-hover);color:var(--text-primary)}.btn-sm{padding:8px 16px;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-lg{padding:16px 32px;font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn-icon{padding:10px;border-radius:var(--radius-md)}.card{background:var(--bg-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--divider-strong)}.text-gradient{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}img{max-width:100%;height:auto;display:block}