@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');.terminal-text::after{content:'|';animation:blink 1s step-end infinite}@keyframes blink{from,to{opacity:1}50%{opacity:0}}.skill-icon{transition:all .3s ease}.skill-card:hover .skill-icon{animation:float-rotate 1.5s ease infinite;filter:drop-shadow(0 0 8px rgba(0,240,255,.7));color:#ff36ab}.about-section{position:relative;overflow:hidden}.animated-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.animated-bg-shape{position:absolute;border-radius:50%;filter:blur(50px);opacity:0.3}.animated-bg-shape:nth-child(1){width:500px;height:500px;background:radial-gradient(#00f0ff,transparent 70%);top:-250px;right:-100px;animation:float 15s infinite ease-in-out}.animated-bg-shape:nth-child(2){width:300px;height:300px;background:radial-gradient(#ff36ab,transparent 70%);bottom:-150px;left:10%;animation:float 10s infinite ease-in-out reverse}@keyframes float{0%,100%{transform:translate(0,0)}25%{transform:translate(-20px,20px)}50%{transform:translate(10px,-30px)}75%{transform:translate(20px,20px)}}[data-theme="light"]{--bg-primary:#f5f5f7;--bg-secondary:#ffffff;--text-primary:#121212;--text-secondary:#333333;--text-muted:#666666;--neon-blue:#0070f3;--neon-purple:#6d28d9;--neon-pink:#db2777;--card-bg:rgba(255,255,255,0.8);--border-color:rgba(0,112,243,0.3)}.bg-dark{background-color:var(--bg-primary)!important}.bg-darker{background-color:var(--bg-secondary)!important}.text-gray-100{color:var(--text-primary)!important}.text-gray-300,.text-gray-400{color:var(--text-secondary)!important}.text-gray-200,.text-gray-500{color:var(--text-muted)!important}.theme-transition{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}@media (max-width:768px){header.pt-24{padding-top:6rem}header h1{font-size:2.5rem;line-height:1.2}header .md\:w-1\/2{margin-bottom:2rem}header pre.font-mono{font-size:.75rem;max-width:100%;overflow-x:auto}}@media (max-width:640px){#skills .grid{grid-template-columns:repeat(2,1fr);gap:.75rem}#skills .glass{padding:.75rem}#skills .text-4xl{font-size:1.75rem;margin-bottom:.5rem}#skills h3.font-mono{font-size:.875rem}}@media (max-width:768px){#projects .grid{grid-template-columns:1fr}#projects .glass{margin-bottom:1.5rem}#projects .h-48{height:10rem}#projects .p-6{padding:1rem}#projects h3{font-size:1.25rem}}@media (max-width:768px){#about .w-64.h-64{width:12rem;height:12rem}#about .space-y-6>p{font-size:.875rem;line-height:1.5}}@media (max-width:768px){#contact .grid{gap:1.5rem}#contact .glass{padding:1.25rem}#contact .space-y-4{margin-top:1rem}#contact input,#contact textarea{padding:.75rem 1rem;font-size:1rem}}@media (max-width:768px){footer .grid{gap:2rem;grid-template-columns:1fr 1fr}@media (max-width:480px){footer .grid{grid-template-columns:1fr}}footer h4{margin-bottom:.75rem}}@media (max-width:768px){nav .container{padding:.75rem 1rem}nav .flex.flex-col.absolute{top:3.5rem;padding:1rem;width:100%;z-index:50}nav .flex.flex-col.absolute a{padding:.75rem 0;display:block;width:100%;text-align:center;border-bottom:1px solid rgba(0,240,255,0.1)}nav .flex.flex-col.absolute a:last-child{border-bottom:0}}@media (max-width:768px){a,button{padding:.5rem;min-height:44px}a.text-neon-blue,button.text-neon-blue{display:inline-flex;align-items:center;justify-content:center}header .flex.flex-wrap.gap-4 a{margin-right:.5rem;margin-bottom:.5rem}}@media (max-width:480px){html{font-size:14px}}h1,h2,h3{line-height:1.3}body{-webkit-overflow-scrolling:touch}.glass.rounded-xl.p-4{max-width:100%;overflow-x:auto}@media (max-width:480px){pre.font-mono code{white-space:pre-wrap;word-break:break-word;font-size:.75rem}}