@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1116;color:#fff;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#64b5f6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9be7ff}.MuiButton-root{transition:all .3s ease!important}.MuiCard-root{transition:transform .3s ease,box-shadow .3s ease!important}.MuiCard-root:hover{transform:translateY(-4px);box-shadow:0 8px 25px #64b5f626!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in{animation:fadeIn .6s ease-out}.gradient-text{background:linear-gradient(45deg,#64b5f6,#f48fb1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-container{display:flex;justify-content:flex-start;align-items:center;font-size:clamp(2.5rem,10vw,5.5rem);font-weight:900;color:#ffffffe6;line-height:.9;margin-bottom:24px;position:relative;white-space:nowrap;text-shadow:0px 4px 12px rgba(0,0,0,.2)}.full-name{display:flex;align-items:center;position:relative;overflow:hidden;padding-bottom:.1em}.letter-s,.letter-k{position:relative;margin-right:.05em}.letter-k{margin-left:.2em}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.hero-background{position:relative;overflow:hidden}.hero-background:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(100,181,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(244,143,177,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(100,181,246,.05) 0%,transparent 50%);pointer-events:none}.section-spacing{padding:80px 0}.project-card{transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(100,181,246,.1)}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #64b5f633;border-color:#64b5f64d}.skill-chip{transition:all .3s ease}.skill-chip:hover{transform:scale(1.05);box-shadow:0 4px 12px #64b5f64d}.nav-link{position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(45deg,#64b5f6,#f48fb1);transition:width .3s ease}.nav-link:hover:after{width:100%}.contact-form{background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,181,246,.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 3s ease-in-out infinite}@media (max-width: 768px){.hero-title{font-size:2.5rem!important}.section-title{font-size:2rem!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s infinite}