@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0f0f23;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);overflow-x:hidden}#root{min-height:100vh}a{font-weight:500;color:#6366f1;text-decoration:inherit;transition:color .3s ease}a:hover{color:#8b5cf6}button{font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#6366f1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6}::selection{background:#6366f14d;color:#fff}.app{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-content{min-height:100vh}.home-page{padding:0 2rem}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:4rem}.hero-content{flex:1;max-width:600px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:2rem}.title-line{display:block;opacity:0;animation:slide-up .8s ease forwards}.title-line:nth-child(1){animation-delay:.1s}.title-line:nth-child(2){animation-delay:.2s}.title-line:nth-child(3){animation-delay:.3s}.title-line.highlight{background:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease-in-out infinite,slide-up .8s ease forwards}.hero-description{font-size:1.25rem;color:#a1a1aa;line-height:1.6;margin-bottom:3rem;opacity:0;animation:slide-up .8s ease forwards .4s}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:slide-up .8s ease forwards .5s}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:linear-gradient(45deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.hero-visual{flex:1;position:relative;height:500px}.floating-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem;overflow:hidden}.projects-page{padding:2rem;max-width:1400px;margin:0 auto}.projects-header{text-align:center;margin-bottom:4rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.back-button:hover{background:#fff3;transform:translateY(-2px)}.projects-subtitle{font-size:1.25rem;color:#a1a1aa;margin-top:1rem;max-width:600px;margin-left:auto;margin-right:auto}.projects-grid-container{width:100%}.projects-grid{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1000px;margin:0 auto}.project-card{background:#ffffff0d;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(30px);animation:card-entrance .6s ease forwards}.project-card:hover{transform:translateY(-8px);border-color:#6366f180;box-shadow:0 20px 40px #0000004d}.project-image{height:400px;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-placeholder{color:#64748b;font-size:1.25rem;font-weight:600}.project-image iframe,.project-image img{width:100%;height:100%;object-fit:cover;border:none}.project-image iframe,.project-image img{border-radius:0}.project-content{padding:1.5rem}.project-content h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff}.project-content p{color:#a1a1aa;line-height:1.6;margin-bottom:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{color:#6366f1;padding:.25rem .75rem;border-radius:1rem;border:1px solid rgba(99,102,241,.3);font-size:.875rem;font-weight:500}.project-links{display:flex;gap:1rem;margin-top:1rem}.project-link{background:#6366f133;color:#a5b4fc;text-decoration:none;font-weight:500;font-size:.875rem;padding:.5rem 1rem;border:1px solid rgba(99,102,241,.3);border-radius:.5rem;transition:all .3s ease}.project-link:hover{background:#6366f11a;border-color:#6366f1}.projects-page,.about-page,.contact-page{padding:4rem 2rem;max-width:800px;margin:0 auto}.page-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(45deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes card-entrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.projects-grid{max-width:800px;gap:2.5rem}.project-image{height:350px}}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center;gap:2rem}.hero-visual{height:300px}.hero-actions{justify-content:center}.terminal-section{flex-direction:column;align-items:center;gap:1.5rem}.profile-image{width:150px;height:150px}.projects-grid{max-width:100%;gap:2rem}.project-image{height:250px}.section-navigation{flex-direction:column;align-items:center;gap:.75rem}.nav-section-btn{width:200px;text-align:center}.home-page,.projects-page{padding:2rem 1rem}}.terminal-section{margin-bottom:3rem;opacity:0;animation:slide-up .8s ease forwards .4s;display:flex;gap:2rem;align-items:flex-start}.profile-photo{flex-shrink:0}.profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:3px solid rgba(99,102,241,.3);box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.profile-image:hover{border-color:#6366f199;transform:scale(1.05);box-shadow:0 15px 40px #0006}.terminal-window{background:#0000;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);overflow:hidden;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;box-shadow:0 10px 30px #00000080}.terminal-header{background:#ffffff0d;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.terminal-buttons{display:flex;gap:.5rem}.terminal-button{width:12px;height:12px;border-radius:50%}.terminal-button.close{background:#ff5f56}.terminal-button.minimize{background:#ffbd2e}.terminal-button.maximize{background:#27ca3f}.terminal-title{color:#a1a1aa;font-size:.875rem;font-weight:500}.terminal-body{padding:1.5rem;background:#0009}.terminal-line{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.terminal-prompt{color:#0f8;font-weight:600}.terminal-command{color:#fff;font-weight:500}.terminal-cursor{color:#0f8;animation:blink 1s infinite}.terminal-output{margin:1rem 0}.output-line{margin-bottom:.25rem;color:#e0e0e0;line-height:1.4}.output-line.indent{margin-left:1rem}.output-text{color:#e0e0e0}.section-navigation{display:flex;gap:1rem;margin-top:2rem;justify-content:center;flex-wrap:wrap}.nav-section-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.95rem}.nav-section-btn:hover{background:#6366f133;border-color:#6366f1;transform:translateY(-2px)}.project-section{margin-bottom:6rem;padding:2rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(45deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.1rem;color:#a1a1aa;font-weight:400}.project-meta{margin-bottom:.75rem}.project-company,.project-client,.project-type{background:#6366f133;color:#a5b4fc;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-client{background:#ec489933;color:#f9a8d4}.project-type{background:#10b98133;color:#6ee7b7}.company-card{border-left:4px solid #6366f1}.client-card{border-left:4px solid #ec4899}.personal-card{border-left:4px solid #10b981}.company-card:hover{border-color:#6366f180;box-shadow:0 20px 40px #6366f11a}.client-card:hover{border-color:#ec489980;box-shadow:0 20px 40px #ec48991a}.personal-card:hover{border-color:#10b98180;box-shadow:0 20px 40px #10b9811a}