@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#030305;--text-primary:#fff;--text-secondary:#9ca3af;--accent-neon:#8b5cf6;--accent-cyan:#2dd4bf;--glass-bg:#14141966;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#8b5cf626 0%,#0000 40%),radial-gradient(circle at 90% 80%,#2dd4bf26 0%,#0000 40%),radial-gradient(circle,#030305 0% 100%);background-attachment:fixed;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1300px;margin:0 auto;padding:0 24px}h1,h2,h3{letter-spacing:-.02em;font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.accent-text{color:var(--accent-cyan)}.bento-container{grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:24px;padding:60px 0;display:grid}@media (width<=1024px){.bento-container{grid-template-columns:repeat(3,1fr);grid-auto-rows:220px}}@media (width<=768px){.bento-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}}@media (width<=640px){.bento-container{grid-template-columns:1fr;grid-auto-rows:minmax(200px,auto)}}.bento-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);isolation:isolate;border-radius:32px;flex-direction:column;padding:32px;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s;display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;z-index:-1;background:linear-gradient(45deg,#0000,#8b5cf64d,#2dd4bf4d,#0000);padding:2px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.bento-card:hover{border-color:#ffffff1a;transform:translateY(-4px)}.bento-card:hover:before{opacity:1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.row-span-2{grid-row:span 2}@media (width<=1024px){.span-4{grid-column:span 3}}@media (width<=768px){.span-3,.span-4{grid-column:span 2}}@media (width<=640px){.span-2,.span-3,.span-4{grid-column:span 1}.row-span-2{grid-row:span 1}}.skill-tag{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .3s}.skill-tag:hover{color:#fff;background:#8b5cf633;border-color:#8b5cf680}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-neon)}