*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(-45deg,#ffd700cc,#ff8c00cc,#001f3fe6,#000080e6);background-size:400% 400%;animation:gradient 30s ease infinite;color:#fff}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.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))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-yellow-400{color:#facc15}.bg-yellow-400{background-color:#facc15}.bg-white{background-color:#fff}.bg-opacity-10{opacity:.1}.opacity-90{opacity:.9}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white{border-color:#fff}.border-opacity-20{border-color:#fff3}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.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-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-12{margin-top:3rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.space-x-4>*+*{margin-left:1rem}.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}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.inline-block{display:inline-block}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.ml-4{margin-left:1rem}.leading-relaxed{line-height:1.625}.hidden{display:none}.profile-image-container{position:relative;width:180px;height:180px;margin:0 auto;margin-bottom:2.5rem}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1;box-shadow:0 4px 20px #0003}.profile-frame{position:absolute;inset:-10px;border:3px solid transparent;border-radius:50%;animation:rotateFrame 10s linear infinite;background:linear-gradient(45deg,#ffd70099,#ff8c0099,#001f3fb3,#000080b3);background-size:400% 400%;filter:blur(4px)}@keyframes rotateFrame{0%{transform:rotate(0);background-position:0% 50%}50%{background-position:100% 50%}to{transform:rotate(360deg);background-position:0% 50%}}.nav-bg{background:linear-gradient(-45deg,#ffd700cc,#ff8c00cc,#001f3fe6,#000080e6);background-size:400% 400%;animation:gradient 30s ease infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-bg{background:linear-gradient(-45deg,#ffd700cc,#ff8c00cc,#001f3fe6,#000080e6);background-size:400% 400%;animation:gradient 30s ease infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:auto}.glass-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;color:#fff;box-shadow:0 4px 20px #0000001a}.skill-card{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;text-align:center}.skill-card:hover{background:#ffffff40;transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.text-gradient{background:linear-gradient(-45deg,gold,#ff8c00,#001f3f,navy);background-size:300% 300%;animation:textGradient 15s ease infinite;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes textGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.typing-text{display:inline-block;border-right:2px solid rgba(255,215,0,.8);padding-right:5px;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite;white-space:nowrap;overflow:hidden;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#ffd700cc}}.project-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffd7001a,#001f3f1a);background-size:200% 200%;animation:cardGradient 15s ease infinite;z-index:-1}@keyframes cardGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a:hover{transition:all .3s ease}.hover-text-yellow-400:hover{color:#facc15}.hover-opacity-80:hover{opacity:.8}.hover-bg-opacity-25:hover{background-color:#ffffff40}.btn-primary{background-color:#facc15;color:#fff;font-weight:600;padding:.75rem 2rem;border-radius:.5rem;display:inline-block;transition:all .3s ease}.btn-primary:hover{opacity:.8}.btn-secondary{background-color:#ffffff1a;color:#fff;font-weight:600;padding:.75rem 2rem;border-radius:.5rem;display:inline-block;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.btn-secondary:hover{background-color:#ffffff40}.min-h-80vh{min-height:80vh}@media(max-width:768px){.grid-cols-2,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-image-container{width:150px;height:150px}.hidden-mobile{display:none}.flex-mobile{display:flex}}@media(min-width:768px){.md-flex{display:flex}.md-hidden{display:none}.md-text-4xl{font-size:2.25rem;line-height:2.5rem}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-flex-row{flex-direction:row}}@media(min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffd70080}