:root{--bg-dark: #0a0a0a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--font-inter: "Inter", sans-serif;--font-cursive: "Dancing Script", cursive;--font-pixel: "VT323", monospace;--card-radius: 20px;--gap: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-inter);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased;word-wrap:break-word}#root{overflow-x:hidden;width:100%;position:relative}.bg-glow-1{position:absolute;top:-10%;left:10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(234,88,12,.15) 0%,transparent 60%);filter:blur(80px);z-index:-1;pointer-events:none;max-width:100%}.bg-glow-2{position:absolute;bottom:0%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 60%);filter:blur(100px);z-index:-1;pointer-events:none;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1050px;margin:0 auto;padding:60px 20px;position:relative}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense;gap:var(--gap)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.row-span-2{grid-row:span 2}.card{background:#ffffff08;border-radius:var(--card-radius);padding:24px;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;width:100%}.card:hover{transform:scale(.98);box-shadow:0 10px 30px #0000004d;z-index:10}.card:active{transform:scale(.95)}.card-bio{background:linear-gradient(135deg,#ebbadb1a,#a27bde1a)}.bio-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.bio-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;background:#2a2a2a}.bio-title-area h1{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.bio-subtitle{color:#ff9ee2;font-weight:600;font-size:.95rem}.bio-pronouns{font-size:.85rem;color:var(--text-secondary);display:block;margin-top:4px}.bio-desc{color:var(--text-secondary);font-size:1rem;line-height:1.5}.card-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);align-items:center;justify-content:center;min-height:180px}.card-instagram svg{fill:#fff;width:54px;height:54px}.card-discord{background:#5865f2;align-items:center;justify-content:center;min-height:180px}.discord-status{font-weight:700;font-size:1.3rem;margin-top:12px;display:flex;align-items:center;gap:8px}.discord-status svg{width:28px;height:28px}.discord-handle{font-size:.95rem;color:#fffc;margin-top:4px}.mini-cards-wrapper{display:flex;flex-direction:column;gap:var(--gap)}.mini-card{flex:1;border-radius:var(--card-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1);padding:16px;text-decoration:none}.mini-card:hover{transform:scale(.95)}.card-time{background:linear-gradient(135deg,#1d4ed8,#eab308);border:1px solid rgba(255,255,255,.08);color:#fff}.card-time h2{font-size:1.5rem;font-weight:800}.card-time p{font-size:.85rem;opacity:.9;margin-top:2px}.card-birth{background:#e2e8f0;color:#1e293b}.card-birth h2{font-size:1.6rem;color:#f472b6;font-weight:800;line-height:1;margin-bottom:2px}.card-birth p{font-size:.85rem;color:#64748b;font-weight:600;opacity:.8}.birth-hover{display:none;flex-direction:column}.card-birth:hover .birth-default{display:none}.card-birth:hover .birth-hover{display:flex}.card-matrix{background:#000;overflow:hidden;min-height:380px}.matrix-bg{position:absolute;inset:0;background-image:url(https://upload.wikimedia.org/wikipedia/commons/e/e0/Matrix_code.jpg);background-size:cover;background-position:center;opacity:.4;z-index:0}.matrix-content{position:absolute;bottom:24px;left:24px;right:24px;z-index:10}.matrix-content h3{font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:8px;color:#fff}.matrix-content p{font-size:.9rem;color:#ffffffb3;margin-top:6px;line-height:1.4}.card-drive{background:url(https://images.unsplash.com/photo-1555215695-3004980ad54e?auto=format&fit=crop&q=80&w=1400) no-repeat center center/cover;justify-content:flex-end;border:none;padding:30px;min-height:250px}.card-drive:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,transparent 100%);z-index:1}.drive-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}.drive-tag{color:#ef4444;font-size:.85rem;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:6px}.drive-title{font-size:1.1rem;font-weight:500;color:#d4d4d8}.drive-desc{font-size:1.1rem;font-weight:600}.card-map{background:url(/location-background.png);background-size:cover;background-position:center;align-items:center;justify-content:center;min-height:250px}.card-map:after{content:"";position:absolute;inset:0;background:#0006;z-index:1}.map-pin{width:70px;height:70px;position:relative;z-index:2;border-radius:50%;border:4px solid #3b82f6;overflow:hidden;box-shadow:0 0 30px #3b82f6cc}.map-pin img{width:100%;height:100%;object-fit:cover}.map-pin:after{content:"📍";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:24px}.card-skills{background:#391484;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px;justify-items:center;align-items:center}.skill-icon{width:32px;height:32px;opacity:.8;transition:transform .2s,opacity .2s;object-fit:contain}.skill-icon:hover{transform:scale(1.15);opacity:1}.card-hello{background:#2e1065;padding:36px;justify-content:flex-start}.hello-title{font-family:var(--font-cursive);font-size:3rem;color:#fff;display:flex;align-items:center;gap:12px;margin-bottom:20px;text-shadow:0 0 20px rgba(255,255,255,.2)}.hello-body{color:#d8b4fe;font-size:1rem;line-height:1.7;display:flex;flex-direction:column;gap:16px}.hello-body p{margin:0}.card-projects{background:#c28800;color:#000;padding:36px}.projects-header{font-size:1.8rem;font-weight:800;margin-bottom:30px;color:#000}.project-list{display:flex;flex-direction:column;gap:20px}.project-item{display:flex;align-items:center;gap:20px;padding:20px;border-radius:16px;transition:background .2s,transform .2s;cursor:pointer}.project-item:hover{background:#00000014;transform:translate(5px)}.project-icon{width:64px;height:64px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.project-icon img{width:100%;height:auto}.project-info{display:flex;flex-direction:column}.project-info h4{font-size:1.3rem;font-weight:800;color:#000;display:flex;align-items:center;gap:8px}.project-info p{font-size:1rem;font-weight:500;opacity:.8;margin-top:6px;line-height:1.4}.card-blog{background:linear-gradient(135deg,#083344,#0e7490);display:flex;flex-direction:column;justify-content:space-between;padding:32px;min-height:220px;border:1px solid rgba(34,211,238,.2)}.blog-header{display:flex;align-items:center;gap:12px;color:#22d3ee;margin-bottom:16px}.blog-tag{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.blog-title{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:8px}.blog-desc{font-size:1rem;color:#ffffffb3;line-height:1.5;max-width:90%}.blog-link-icon{position:absolute;top:32px;right:32px;color:#ffffff80;transition:color .3s ease}.card-blog:hover .blog-link-icon{color:#fff}.card-social{align-items:center;justify-content:center;display:flex;min-height:150px}.card-linkedin{background:#0077b5}.card-behance{background:#1769ff}.card-linkedin svg,.card-behance svg{fill:#fff;width:48px;height:48px}.card-paypal{background:#003087;display:flex;flex-direction:column;gap:12px}.card-paypal svg{width:40px;height:40px;fill:#fff}.card-paypal span{font-family:var(--font-pixel);font-size:2rem;color:#fff}.card-gmail{background:#ea4335;color:#fff;align-items:flex-start;justify-content:center;padding:32px}.card-gmail-flex{display:flex;align-items:center;justify-content:space-between;width:100%}.card-gmail svg{width:36px;height:36px;fill:#fff}.gmail-title{font-size:1.4rem;font-weight:700;line-height:1.3;margin-top:16px;margin-bottom:12px}.gmail-email{font-size:1rem;opacity:.9;font-weight:500}.gmail-hover{display:none;font-size:1.5rem;font-weight:800;letter-spacing:2px}.card-gmail:hover .gmail-default{display:none}.card-gmail:hover .gmail-hover{display:inline-block}.site-footer{text-align:center;padding:30px 20px 50px;color:var(--text-secondary);font-size:1.1rem;font-family:var(--font-inter);font-weight:500;letter-spacing:1px}@media(max-width:1100px){.bento-grid{grid-template-columns:repeat(3,1fr)}.col-span-4,.col-span-3{grid-column:span 3;width:100%}}@media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid>*{max-width:100%}.col-span-4,.col-span-3,.col-span-2{grid-column:span 2;width:100%}}@media(max-width:600px){.bento-grid{grid-template-columns:1fr;grid-auto-flow:row}.bento-grid>*{grid-column:span 1!important;width:100%}.row-span-2{grid-row:auto!important}.card-skills{grid-template-columns:repeat(4,1fr)}.mini-cards-wrapper{flex-direction:row}}