*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f4f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0f1e;font-family:Prosto One,Offside Sans,-apple-system,BlinkMacSystemFont,Segoe U,system-ui,sans-serif;line-height:1.6}html{scroll-behavior:smooth}:root{--color-primary:#06b6d4;--color-secondary:#0891b2;--color-accent:#22d3ee;--color-dark-900:#0a0f1e;--color-dark-800:#111827;--color-dark-700:#1f2937;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-accent-2:#1fff93;--color-white:#fff;--max-width:80rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:768px){.container{padding:0 2rem}}@media (min-width:1024px){.container{padding:0 3rem}}.section{padding:3rem 0}@media (min-width:640px){.section{padding:4rem 0}}@media (min-width:768px){.section{padding:5rem 0}}@media (min-width:1024px){.section{padding:6rem 0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}@media (min-width:768px){.md\:text-5xl{font-size:3rem}.md\:text-6xl{font-size:3.75rem}}@media (min-width:1024px){.lg\:text-7xl{font-size:4.5rem}}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.bg-dark-800{background-color:var(--color-dark-800)}.bg-dark-900{background-color:var(--color-dark-900)}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-50{z-index:50}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.border{border-style:solid;border-width:1px;border-color:var(--color-gray-500)}.w-full{width:100%}.min-h-screen{min-height:100vh}.h-48{height:12rem}.hidden{display:none}.block{display:block}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:block{display:block}}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:scale-105:hover{transform:scale(1.05)}.transition-all{transition:all .3s}.transition-colors{transition:color .3s,background-color .3s}.btn-primary{color:#fff;background-color:#06b6d4;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;transform:scale(1);box-shadow:0 0 #06b6d400}@media (min-width:640px){.btn-primary{padding:.875rem 2rem}}.btn-primary:hover{background-color:#0891b2;transform:scale(1.05);box-shadow:0 10px 25px #06b6d440}.card{background-color:#111827;border-radius:.75rem;padding:1rem;transition:all .3s;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (min-width:640px){.card{padding:1.5rem}}@media (min-width:1024px){.card{padding:2rem}}.card:hover{transform:translateY(-.5rem);box-shadow:0 25px 50px -12px #00000040}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#06b6d4,#22d3ee,#06b6d4) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.navbar{z-index:50;height:4rem;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#111827f2;box-shadow:0 10px 25px #06b6d41a}.navbar-brand{font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .3s}.navbar-brand img{width:auto;height:3rem;rotate:infinite 3s}.navbar-brand:hover{transform:scale(1.05)}.navbar-item{color:var(--color-gray-300);padding:.25rem .5rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.navbar-item:hover{color:var(--color-primary)}.navbar-item:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.navbar-item:hover:after{width:100%}.mobile-menu{z-index:50;background-color:var(--color-dark-800);border-radius:.5rem;margin:.5rem 1rem 0;padding:.5rem 0;animation:.3s ease-out slideDown;position:absolute;top:100%;left:0;right:0;box-shadow:0 25px 50px -12px #00000040}.mobile-menu-item{color:var(--color-gray-300);padding:.75rem 1.5rem;text-decoration:none;transition:all .3s;display:block}.mobile-menu-item:hover{color:var(--color-primary);background-color:var(--color-dark-700)}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;background:linear-gradient(135deg,#0a0f1e 0%,#111827 100%);position:absolute;inset:0}.hero-content{z-index:10;text-align:center;padding:0 1rem;position:relative}.hero-logo{width:10rem;height:10rem;margin:0 auto 1.5rem;animation:.6s ease-out slideDown}@media (min-width:640px){.hero-logo{width:14rem;height:14rem}}@media (min-width:768px){.hero-logo{width:30rem;height:30rem}}@media (min-width:1024px){.hero-logo{width:30rem;height:30rem}}.hero-title{margin-bottom:1rem;font-size:2.25rem;font-weight:700;animation:.6s ease-out slideDown}.hero-color{color:var(--color-white)}@media (min-width:640px){.hero-title{font-size:3rem}}@media (min-width:768px){.hero-title{font-size:3.75rem}}@media (min-width:1024px){.hero-title{font-size:4.5rem}}.hero-subtitle{color:var(--color-accent-2);margin-bottom:1.5rem;font-size:1.125rem;animation:.6s ease-out slideUp}@media (min-width:640px){.hero-subtitle{font-size:1.25rem}}@media (min-width:768px){.hero-subtitle{font-size:1.5rem}}@media (min-width:1024px){.hero-subtitle{font-size:1.875rem}}.hero-buttons{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;animation:.6s ease-out slideUp;display:flex}@media (min-width:640px){.hero-buttons{flex-direction:row;gap:1rem}}@media (min-width:768px){.hero-buttons{gap:1.5rem}}@media (min-width:1024px){.hero-buttons{gap:2rem}}.btn-secondary{border:2px solid var(--color-primary);color:var(--color-primary);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;transform:scale(1)}@media (min-width:640px){.btn-secondary{padding:.875rem 2rem}}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white);transform:scale(1.05)}.scroll-indicator{color:var(--color-primary);animation:2s infinite bounce;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.about-image{position:relative}.about-image-wrapper{border-radius:1rem;transition:all 1s;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.about-image-wrapper:before{content:"";background:linear-gradient(45deg,var(--color-primary),var(--color-accent));opacity:.25;z-index:-1;border-radius:1rem;transition:opacity 1s;position:absolute;inset:-1px}.about-image:hover .about-image-wrapper:before{opacity:.75}.about-photo{object-fit:cover;border-radius:1rem;width:100%;box-shadow:0 25px 50px -12px #00000040}.skills-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.skill-item{background-color:var(--color-dark-900);border:1px solid #06b6d433;border-radius:.5rem;padding:.75rem 1rem;transition:all .3s}.skill-item:hover{border-color:#06b6d480;transform:scale(1.05)}.skill-text{color:var(--color-gray-300);align-items:center;font-weight:500;display:flex}.skill-dot{background-color:var(--color-primary);border-radius:50%;width:.5rem;height:.5rem;margin-right:.75rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--color-gray-300);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{background-color:var(--color-dark-900);width:100%;color:var(--color-white);border:1px solid #06b6d44d;border-radius:.5rem;padding:.75rem 1rem;transition:border-color .3s}.form-input:focus{border-color:var(--color-primary);outline:none}.form-textarea{background-color:var(--color-dark-900);width:100%;color:var(--color-white);resize:none;border:1px solid #06b6d44d;border-radius:.5rem;min-height:8rem;padding:.75rem 1rem;transition:border-color .3s}.form-textarea:focus{border-color:var(--color-primary);outline:none}.social-links{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.social-link{background-color:var(--color-dark-900);color:var(--color-gray-300);border:1px solid #06b6d44d;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{border-color:var(--color-primary);background-color:var(--color-dark-800);color:var(--color-primary)}.social-icon{color:var(--color-primary);transition:transform .3s}.social-link:hover .social-icon{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translate(-50%)translateY(0)}40%,43%{transform:translate(-50%)translateY(-10px)}70%{transform:translate(-50%)translateY(-5px)}90%{transform:translate(-50%)translateY(-2px)}}.animate-fade-in{animation:.6s ease-in-out fadeIn}.animate-slide-up{animation:.6s ease-out slideUp}.animate-slide-down{animation:.6s ease-out slideDown}.animate-bounce-slow{animation:2s infinite bounce}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.active{opacity:1;transform:translateY(0)}.object-cover{object-fit:cover}.aspect-square{aspect-ratio:1}.leading-relaxed{line-height:1.625}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}