@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono&display=swap";:root{--bg-deep: #020617;--bg-panel: rgba(15, 23, 42, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #2dd4bf;--accent-glow: rgba(45, 212, 191, .2);--border: rgba(255, 255, 255, .1);--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-sans);line-height:1.6}.portfolio-app{min-height:100vh;position:relative;overflow-x:hidden}.navbar{position:fixed;top:0;width:100%;padding:24px 80px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(to bottom,var(--bg-deep),transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--accent)}.nav-cta{background:var(--accent);color:var(--bg-deep);border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.hero{height:100vh;display:flex;align-items:center;padding:0 80px;gap:60px}.hero-text{flex:1.2}.hero-eyebrow{display:block;text-transform:uppercase;color:var(--accent);letter-spacing:.2em;font-size:.8rem;font-weight:600;margin-bottom:24px}.hero h1{font-family:var(--font-serif);font-size:4.5rem;line-height:1.1;margin:0 0 24px;font-weight:400}.text-gradient{background:linear-gradient(135deg,#fff,var(--accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin-bottom:40px}.btn-primary{background:#ffffff0d;border:1px solid var(--border);color:#fff;padding:16px 32px;border-radius:99px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:1rem;transition:all .3s}.btn-primary:hover{background:#fff;color:var(--bg-deep);transform:translate(10px)}.hero-visual{flex:.8;display:flex;justify-content:center}.image-frame{position:relative;width:400px;height:500px;border-radius:20px;overflow:hidden;border:1px solid var(--accent)}.image-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2)}.frame-glow{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 60px var(--accent-glow);pointer-events:none}section{padding:100px 80px}.section-header{margin-bottom:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.section-header h2{font-family:var(--font-serif);font-size:2.5rem;margin:10px 0}.glass-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:24px;padding:60px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bio-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px}.bio-text p{font-size:1.1rem;color:var(--text-muted);margin-bottom:24px}.bio-stats{display:flex;flex-direction:column;gap:20px}.stat-card{background:#ffffff08;padding:24px;border-radius:16px;border:1px solid var(--border);text-align:center}.stat-card h3{font-size:2rem;margin:0;color:var(--accent)}.skills-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.skill-tag{background:#2dd4bf0d;border:1px solid rgba(45,212,191,.2);padding:10px 20px;border-radius:99px;display:flex;align-items:center;gap:10px}.skill-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.skill-cat{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.ai-assistant-container{max-width:900px;margin:0 auto}.ai-chat-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:20px;height:500px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 60px -12px #00000080}.chat-history{flex:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.chat-bubble{max-width:80%;padding:14px 20px;border-radius:16px;font-size:.95rem}.chat-bubble.ai{align-self:flex-start;background:#ffffff0d;color:var(--text-main);border-bottom-left-radius:2px}.chat-bubble.user{align-self:flex-end;background:var(--accent);color:var(--bg-deep);font-weight:500;border-bottom-right-radius:2px}.chat-bubble.typing{font-style:italic;display:flex;align-items:center;gap:8px;opacity:.7}.chat-input-area{padding:20px;border-top:1px solid var(--border);display:flex;gap:12px}.chat-input-area input{flex:1;background:#ffffff0d;border:1px solid var(--border);padding:12px 20px;border-radius:12px;color:#fff;outline:none}.chat-input-area button{background:var(--accent);color:var(--bg-deep);border:none;padding:0 24px;border-radius:12px;font-weight:600;cursor:pointer}.video-section{max-width:1200px;margin:0 auto}.video-container{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -12px #00000080;border:1px solid var(--border)}.portfolio-video{width:100%;height:auto;min-height:500px;display:block;background:var(--bg-panel)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:60px}.project-card{background:#ffffff05;border:1px solid var(--border);padding:40px;border-radius:24px;transition:all .4s cubic-bezier(.165,.84,.44,1)}.project-card:hover{transform:translateY(-10px);background:#ffffff0d;border-color:var(--accent)}.project-icon{font-size:2rem;color:var(--accent);margin-bottom:24px}.project-card h3{font-family:var(--font-serif);font-size:1.8rem;margin:0 0 16px}.project-tags{display:flex;gap:12px;margin:24px 0}.project-tags span{font-size:.7rem;background:#ffffff0d;padding:4px 10px;border-radius:4px;color:var(--text-muted)}.project-link{color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:600}.footer{padding:100px 80px 40px;text-align:center;border-top:1px solid var(--border)}.footer-content h2{font-family:var(--font-serif);font-size:3rem;margin-bottom:24px}.footer-content p{color:var(--text-muted);max-width:600px;margin:0 auto 40px}.social-links{display:flex;justify-content:center;gap:40px;margin-bottom:60px}.social-links a{color:var(--text-main);text-decoration:none;font-weight:600;cursor:pointer;transition:color .3s;display:flex;align-items:center;gap:8px}.social-links a svg{width:20px;height:20px}.social-links a:hover{color:var(--accent)}.footer-bottom{font-size:.8rem;color:var(--text-muted)}@media(max-width:1024px){.navbar{padding:20px 40px}.hero{padding:140px 40px 0;flex-direction:column;text-align:center;height:auto}.hero h1{font-size:3rem}.hero-text{flex:1}.hero-visual{display:none}section{padding:60px 40px}.bio-grid{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}