:root{--bg-main:#060608;--bg-surface:#0f1115;--bg-card:#14161c99;--primary:#00e676;--primary-glow:#00e6764d;--text-main:#fff;--text-muted:#8b949e;--border-color:#ffffff0d;--border-highlight:#00e67666}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.1}.font-mono{font-family:JetBrains Mono,monospace!important}a{color:var(--text-main);text-decoration:none;transition:color .3s}a:hover{color:var(--primary)}.text-gradient{background:linear-gradient(#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-primary{color:var(--primary);text-shadow:0 0 20px var(--primary-glow)}.surface{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:20px}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(135deg, var(--border-highlight) 0%, transparent 50%, transparent 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:24px;padding:2px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.card:hover:before{opacity:1}.btn{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#000;box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow);color:#000;transform:translateY(-3px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background-color:#0000}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#222;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}