@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600;700&family=JetBrains+Mono:wght@400;500&display=swap";html,body,#root{margin:0;padding:0;width:100%;min-height:100vh}:root{--color-bg: #0a0a0f;--color-surface: rgba(15, 20, 30, .8);--color-surface-hover: rgba(25, 35, 50, .9);--color-text: #e8eaed;--color-text-muted: #8b9ab0;--color-accent-cyan: #00d4ff;--color-accent-magenta: #ff00aa;--color-accent-purple: #8b5cf6;--color-border: rgba(100, 200, 255, .15);--color-glow: rgba(0, 212, 255, .3);--font-display: "Sora", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s ease;--transition-medium: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;line-height:1.6}.app-container{position:relative;min-height:100vh;width:100%;overflow:hidden}.orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.4;animation:orbFloat 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--color-accent-cyan);top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:var(--color-accent-magenta);bottom:-50px;left:-50px;animation-delay:-7s}.orb-3{width:250px;height:250px;background:var(--color-accent-purple);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.main-content{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:60px 24px}.header{text-align:center;margin-bottom:80px;animation:fadeInUp .8s ease-out}.title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;margin-bottom:20px}.title-line{display:block;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-line.accent{background:linear-gradient(135deg,var(--color-accent-cyan) 0%,var(--color-accent-magenta) 100%);-webkit-background-clip:text;background-clip:text}.subtitle{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);letter-spacing:3px;text-transform:uppercase}.section{margin-bottom:70px}.section-title{display:flex;align-items:center;gap:16px;font-size:1.1rem;font-weight:600;color:var(--color-text-muted);margin-bottom:30px;text-transform:uppercase;letter-spacing:2px}.section-number{font-family:var(--font-mono);font-size:.8rem;color:var(--color-accent-cyan);padding:4px 10px;border:1px solid var(--color-border);border-radius:4px;background:#00d4ff0d}.project-logo{width:70px;height:70px;min-width:70px;border-radius:14px;background:#ffffff14;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all var(--transition-medium)}.project-logo img{width:100%;height:100%;object-fit:contain;padding:10px;filter:brightness(1);transition:all var(--transition-medium)}.project-card:hover .project-logo{border-color:var(--color-accent-cyan);background:#00d4ff26;box-shadow:0 0 20px #00d4ff4d}.project-card:hover .project-logo img{filter:brightness(1.2);transform:scale(1.05)}.github-logo{background:#ffffff0d}.github-logo svg{width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-medium)}.github-card:hover .github-logo{border-color:#8b5cf6;background:#8b5cf626;box-shadow:0 0 20px #8b5cf64d}.github-card:hover .github-logo svg{color:#fff;transform:scale(1.1)}.github-card:before{background:linear-gradient(180deg,#8b5cf6,#a855f7)}.github-card:hover .project-name{color:#a855f7}.github-card:hover .project-arrow{background:#8b5cf6;border-color:#8b5cf6}.github-stats{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}.github-stat{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.github-stat svg{width:14px;height:14px;opacity:.7}.github-stat.loading{font-style:italic;opacity:.5}.github-card:hover .github-stat{color:var(--color-text)}.github-card:hover .github-stat svg{opacity:1}.language-dot{width:10px;height:10px;border-radius:50%;background:#f1e05a}.github-stat.language{gap:6px}.projects-list{display:flex;flex-direction:column;gap:16px}.project-card{display:flex;align-items:center;gap:24px;padding:24px 28px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;color:var(--color-text);transition:all var(--transition-medium);animation:fadeInUp .6s ease-out backwards;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,var(--color-accent-cyan) 0%,var(--color-accent-magenta) 100%);transform:scaleY(0);transition:transform var(--transition-medium)}.project-card:hover{background:var(--color-surface-hover);border-color:#00d4ff4d;transform:translate(10px)}.project-card:hover:before{transform:scaleY(1)}.project-glow{position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,212,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.project-card:hover .project-glow{opacity:1}.project-info{flex:1}.project-name{font-size:1.2rem;font-weight:600;margin-bottom:4px;transition:color var(--transition-fast)}.project-card:hover .project-name{color:var(--color-accent-cyan)}.project-description{font-size:.9rem;color:var(--color-text-muted)}.project-arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;transition:all var(--transition-medium)}.project-arrow svg{width:18px;height:18px;transition:transform var(--transition-medium)}.project-card:hover .project-arrow{background:var(--color-accent-cyan);border-color:var(--color-accent-cyan);color:var(--color-bg)}.project-card:hover .project-arrow svg{transform:translate(2px,-2px)}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.contact-card{display:flex;flex-direction:column;gap:8px;padding:28px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;color:var(--color-text);transition:all var(--transition-medium);animation:fadeInUp .6s ease-out backwards;position:relative;overflow:hidden}.contact-card:hover{border-color:var(--color-accent-magenta);transform:translateY(-5px);box-shadow:0 20px 40px #ff00aa26}.contact-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.contact-email{font-family:var(--font-mono);font-size:1rem;color:var(--color-text);transition:color var(--transition-fast)}.contact-card:hover .contact-email{color:var(--color-accent-magenta)}.contact-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-accent-cyan) 0%,var(--color-accent-magenta) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-medium)}.contact-card:hover .contact-line{transform:scaleX(1)}.footer{text-align:center;padding-top:40px}.footer-line{width:60px;height:2px;background:linear-gradient(90deg,var(--color-accent-cyan),var(--color-accent-magenta));margin:0 auto 20px;border-radius:1px}.footer-text{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);letter-spacing:1px}.heart-container{position:relative;display:inline-block;cursor:pointer}.heart{display:inline-block;color:#f36;animation:heartbeat 1.5s ease-in-out infinite;transition:transform .3s ease,filter .3s ease}.heart-container:hover .heart{transform:scale(1.3);filter:drop-shadow(0 0 8px rgba(255,51,102,.8));animation:heartbeat-fast .4s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.15)}20%{transform:scale(1)}30%{transform:scale(1.1)}40%{transform:scale(1)}}@keyframes heartbeat-fast{0%,to{transform:scale(1.3)}50%{transform:scale(1.5)}}.heart-particles{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#f36;opacity:0;transform:translate(-50%,-50%)}.heart-container:hover .particle{animation:particle-burst .8s ease-out forwards;animation-delay:calc(var(--i) * .05s)}.particle:nth-child(1){--angle: 0deg;--color: #ff3366}.particle:nth-child(2){--angle: 60deg;--color: #ff6b9d}.particle:nth-child(3){--angle: 120deg;--color: #ff3366}.particle:nth-child(4){--angle: 180deg;--color: #ff6b9d}.particle:nth-child(5){--angle: 240deg;--color: #ff3366}.particle:nth-child(6){--angle: 300deg;--color: #ff6b9d}.particle:nth-child(odd){background:#f36}.particle:nth-child(2n){background:#ff6b9d;width:4px;height:4px}@keyframes particle-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-25px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.main-content{padding:40px 20px}.logos-grid,.contact-grid{grid-template-columns:1fr}.project-card{padding:20px;gap:16px}.header{margin-bottom:60px}.section{margin-bottom:50px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}::selection{background:var(--color-accent-cyan);color:var(--color-bg)}