@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #3B82F6;--color-dark: #1F2937;--color-light: #F9FAFB;--color-accent: #10B981}body{font-family:Inter,sans-serif;scroll-behavior:smooth}.bg-light{background-color:var(--color-light)}.bg-white{background-color:#fff}.bg-primary{background-color:var(--color-primary)}.bg-dark{background-color:var(--color-dark)}.bg-accent{background-color:var(--color-accent)}.bg-gray-50{background-color:#f9fafb}.bg-gray-200{background-color:#e5e7eb}.text-dark{color:var(--color-dark)}.text-primary{color:var(--color-primary)}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.border-primary{border-color:var(--color-primary)}.border-white{border-color:#fff}.border-gray-300{border-color:#d1d5db}.border-gray-700{border-color:#374151}.gradient-text{background:linear-gradient(90deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent}.bg-gradient-to-r.from-blue-400.to-blue-600{background:linear-gradient(90deg,#60a5fa,#2563eb)}.bg-gradient-to-r.from-green-400.to-green-600{background:linear-gradient(90deg,#34d399,#059669)}.bg-gradient-to-r.from-purple-400.to-purple-600{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.bg-gradient-to-r.from-red-400.to-red-600{background:linear-gradient(90deg,#f87171,#dc2626)}.bg-gradient-to-r.from-yellow-400.to-yellow-600{background:linear-gradient(90deg,#fbbf24,#d97706)}.bg-gradient-to-r.from-indigo-400.to-indigo-600{background:linear-gradient(90deg,#818cf8,#4f46e5)}.bg-blue-100{background-color:#dbeafe}.bg-green-100{background-color:#d1fae5}.bg-purple-100{background-color:#ede9fe}.bg-red-100{background-color:#fee2e2}.bg-yellow-100{background-color:#fef3c7}.bg-indigo-100{background-color:#e0e7ff}.bg-gray-100{background-color:#f3f4f6}.text-blue-600{color:#2563eb}.text-blue-800{color:#1e40af}.text-green-600{color:#059669}.text-green-800{color:#065f46}.text-purple-600{color:#7c3aed}.text-purple-800{color:#5b21b6}.text-red-600{color:#dc2626}.text-red-800{color:#991b1b}.text-yellow-600{color:#d97706}.text-yellow-800{color:#92400e}.text-indigo-600{color:#4f46e5}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-2xl{max-width:42rem}.max-w-lg{max-width:32rem}.w-12{width:3rem}.h-12{height:3rem}.w-64{width:16rem}.h-64{height:16rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-10{margin-left:2.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-2{padding-top:.5rem}.pt-24{padding-top:6rem}.pb-3{padding-bottom:.75rem}.pb-16{padding-bottom:4rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-shrink-0{flex-shrink:0}.space-x-4>*+*{margin-left:1rem}.space-x-8>*+*{margin-left:2rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-4{border-width:4px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-300,.duration-300{transition-duration:.3s}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hidden{display:none}.overflow-hidden{overflow:hidden}.focus\:outline-none:focus{outline:none}.hover\:underline:hover{text-decoration:underline}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-white:hover{color:#fff}.hover\:text-gray-200:hover{color:#e5e7eb}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.focus\:ring-primary:focus{box-shadow:0 0 0 3px #3b82f680}.focus\:border-primary:focus{border-color:var(--color-primary)}.z-50{z-index:50}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.border-l-4{border-left-width:4px}.pl-4{padding-left:1rem}.list-disc{list-style-type:disc}.space-y-1>*+*{margin-top:.25rem}.border-l-4.border-primary{position:relative}.border-l-4.border-primary:before{content:"";position:absolute;left:-10px;top:0;width:16px;height:16px;border-radius:50%;background-color:var(--color-primary)}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#3b82f6;transition:width .3s ease}.nav-link:hover:after{width:100%}.hero-pattern{background-image:radial-gradient(#E5E7EB 1px,transparent 1px);background-size:20px 20px}@media (min-width: 640px){.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:mb-0{margin-bottom:0}.md\:mt-0{margin-top:0}.md\:pl-12{padding-left:3rem}.md\:pt-32{padding-top:8rem}.md\:pb-24{padding-bottom:6rem}.md\:text-3xl{font-size:1.875rem}.md\:text-5xl{font-size:3rem}.md\:w-80{width:20rem}.md\:h-80{height:20rem}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.skill-bar{animation:fillBar 1.5s ease-out forwards}@keyframes fillBar{0%{width:0}}html{scroll-behavior:smooth}.project-card{transition:all .5s cubic-bezier(.4,0,.2,1)}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.bg-grid-pattern{background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px}.gradient-text{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hover\:shadow-glow:hover{box-shadow:0 0 30px #3b82f626,0 20px 25px -5px #0000001a}button{position:relative;overflow:hidden}button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:after{width:300px;height:300px}.max-w-7xl{max-width:80rem}.rounded-3xl{border-radius:1.5rem}.text-5xl,.md\:text-5xl{font-size:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.mb-16{margin-bottom:4rem}.gap-12{gap:3rem}.p-12{padding:3rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-16{width:4rem}.h-16{height:4rem}.mb-3{margin-bottom:.75rem}.text-blue-100{color:#dbeafe}.bg-gray-800{background-color:#1f2937}.border-gray-800{border-color:#1f2937}.md\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.border-gray-200{border-color:#e5e7eb}.bg-gray-900{background-color:#111827}.py-4{padding-top:1rem;padding-bottom:1rem}.px-8{padding-left:2rem;padding-right:2rem}.ml-3{margin-left:.75rem}.w-48{width:12rem}.h-48{height:12rem}.h-56{height:14rem}.inset-0{top:0;right:0;bottom:0;left:0}.opacity-5{opacity:.05}.from-gray-900{--tw-gradient-from: #111827}.to-black{--tw-gradient-to: #000000}#form-status.success{background-color:#d1fae5;color:#065f46;border:1px solid #6EE7B7}#form-status.error{background-color:#fee2e2;color:#991b1b;border:1px solid #FCA5A5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatDelayed{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-3deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.animate-fade-in-right{animation:fadeInRight .8s ease-out forwards;opacity:0;animation-delay:.3s}.animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:floatDelayed 8s ease-in-out infinite;animation-delay:2s}.animate-spin-slow{animation:spinSlow 20s linear infinite}.animate-bounce-slow{animation:bounceSlow 3s ease-in-out infinite}.gradient-text-animated{background-size:300% 300%;animation:gradientMove 4s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav-link-modern{position:relative;overflow:hidden}.nav-link-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.nav-link-modern:hover:before{left:100%}.bg-grid-subtle{background-image:linear-gradient(to right,rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(59,130,246,.05) 1px,transparent 1px);background-size:2rem 2rem}.h-18{height:4.5rem}.text-7xl{font-size:4.5rem}@media (min-width: 768px){.md\:text-7xl{font-size:4.5rem}}.min-h-\[80vh\]{min-height:80vh}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.rounded-2xl{border-radius:1rem}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.border-white\/20{border-color:#fff3}.shadow-black\/5{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:justify-end{justify-content:flex-end}.lg\:pr-8{padding-right:2rem}}.w-72{width:18rem}.h-72{height:18rem}.w-96{width:24rem}.h-96{height:24rem}.focus\:ring-offset-2:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f680}.text-transparent{color:transparent}