*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow-x:hidden}.resume-button{position:fixed;top:20px;right:20px;z-index:1000;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;border:none;padding:12px 24px;border-radius:50px;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 20px #ff6b6b4d;animation:float 3s ease-in-out infinite}.resume-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#26a69a)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.doodle{position:absolute;pointer-events:none;opacity:.5;color:#fff;z-index:9999}.doodle-1{top:10%;left:5%;animation:rotate 20s linear infinite}.doodle-2{top:30%;left:10%;animation:bounce 4s ease-in-out infinite}.doodle-3{bottom:15%;left:8%;animation:pulse 3s ease-in-out infinite}.doodle-4{bottom:25%;right:5%;animation:wiggle 5s ease-in-out infinite}.doodle-5{top:50%;left:2%;animation:float 6s ease-in-out infinite}.doodle-6{top:60%;right:3%;animation:rotate 15s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.my-story{text-align:justify}.cursor{display:inline-block;margin-left:2px;animation:blink .7s infinite}.typing-text{font-family:monospace;font-size:1.2rem}.container{max-width:600px;width:100%;text-align:center;animation:fadeIn 1s ease-out;position:relative;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header{margin-bottom:60px}.name{font-size:3rem;font-weight:300;margin-bottom:10px;letter-spacing:2px;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.name:after{content:"✨";position:absolute;top:-10px;right:-30px;font-size:1.5rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.2) rotate(180deg)}}.title{font-size:1.2rem;color:#888;font-weight:300;margin-bottom:40px}.summary{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px;margin-bottom:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.summary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.039),transparent);transform:rotate(45deg);animation:shimmer 3s linear infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.summary h2{font-size:1.3rem;margin-bottom:20px;color:#fff;font-weight:400;position:relative;z-index:1}.info-grid{display:grid;grid-template-columns:1fr;gap:15px;text-align:left;position:relative;z-index:1}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-item:last-child{border-bottom:none}.info-label{color:#888;font-weight:300}.info-value{color:#fff;font-weight:400}.links{display:flex;justify-content:center;gap:30px;margin-bottom:60px}.social-link{display:flex;align-items:center;gap:10px;padding:15px 25px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;text-decoration:none;transition:all .3s ease;font-weight:300;letter-spacing:.5px}.social-link:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}.social-link svg{width:20px;height:20px;fill:currentColor}.footer{margin-top:60px;color:#444;font-size:.9rem;font-weight:300}@media (max-width: 768px){.name{font-size:2.5rem}.links{flex-direction:column;align-items:center;gap:15px}.social-link{width:200px;justify-content:center}.info-item{flex-direction:column;align-items:flex-start;gap:5px}.resume-button{position:absolute;top:20px;right:15px;padding:10px 20px;font-size:.9rem}.name:after{right:-20px;font-size:1.2rem}.header{margin:25px}}@media (max-width: 480px){.name{font-size:2rem}.summary{padding:20px}.data-doodle{display:none}.dev-doodle{top:25%!important;right:10%}.ml-doodle{top:20%!important;left:10%!important}.cs-doodle{top:10%!important;left:70%!important}}.portfolio-doodle{display:inline-block;transition:transform .3s ease;cursor:pointer;opacity:.5;margin:1rem;z-index:9999}.portfolio-doodle:hover{transform:scale(1.1)}.dev-doodle{position:absolute;top:30%;right:10%;animation:codeTyping 3s infinite;animation:bounce 3s infinite;opacity:.5;z-index:9999}.dev-doodle:hover{animation-play-state:paused}.dev-doodle line{stroke-dasharray:20;animation:typeCode 4s infinite}.dev-doodle line:nth-child(2){animation-delay:.5s}.dev-doodle line:nth-child(3){animation-delay:1s}.dev-doodle line:nth-child(4){animation-delay:1.5s}.dev-doodle line:nth-child(5){animation-delay:2s}@keyframes codeTyping{0%,to{transform:rotate(0)}50%{transform:rotate(1deg)}}@keyframes typeCode{0%{stroke-dashoffset:20;opacity:.3}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-20;opacity:.3}}.ml-doodle{position:absolute;animation:neuralPulse 2s infinite ease-in-out;opacity:.5;top:13%;z-index:9999;right:30%}.ml-doodle circle{animation:nodePulse 2s infinite;transform-origin:center;opacity:.5}.ml-doodle circle:nth-child(1){animation-delay:0s}.ml-doodle circle:nth-child(2){animation-delay:.2s}.ml-doodle circle:nth-child(3){animation-delay:.4s}.ml-doodle circle:nth-child(4){animation-delay:.1s}.ml-doodle circle:nth-child(5){animation-delay:.3s}.ml-doodle circle:nth-child(6){animation-delay:.5s}.ml-doodle circle:nth-child(7){animation-delay:.7s}.ml-doodle circle:nth-child(8){animation-delay:.6s}.ml-doodle circle:nth-child(9){animation-delay:.8s}.ml-doodle line{animation:dataFlow 2s infinite;stroke-dasharray:5;opacity:.5}@keyframes neuralPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes nodePulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes dataFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-10}}.cs-doodle{position:absolute;animation:cpuProcess 1.5s infinite;opacity:.5;top:10%;left:30%;z-index:9999}.cs-doodle rect:first-child{animation:chipGlow 2s infinite alternate;opacity:.5}.cs-doodle circle{animation:circuitBlink 1s infinite alternate;opacity:.5}.cs-doodle circle:nth-child(odd){animation-delay:.5s}.cs-doodle line{animation:pinActivity .8s infinite;stroke-dasharray:2;opacity:.5}@keyframes cpuProcess{0%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}@keyframes chipGlow{0%{opacity:.8}to{opacity:1}}@keyframes circuitBlink{0%{opacity:.6}to{opacity:1}}@keyframes pinActivity{0%{stroke-dashoffset:0}to{stroke-dashoffset:-4}}.data-doodle{animation:dataVisualize 3s infinite ease-in-out;opacity:.5;position:absolute;right:10%;top:5%;z-index:9999}.data-doodle rect{animation:barGrowth 2s infinite ease-in-out;transform-origin:bottom;opacity:.5}.data-doodle rect:nth-child(1){animation-delay:0s}.data-doodle rect:nth-child(2){animation-delay:.2s}.data-doodle rect:nth-child(3){animation-delay:.4s}.data-doodle rect:nth-child(4){animation-delay:.6s}.data-doodle rect:nth-child(5){animation-delay:.8s}.data-doodle circle{animation:dataPoint 2s infinite;opacity:.5}.data-doodle path{stroke-dasharray:60;animation:trendLine 3s infinite;opacity:.5}.data-doodle ellipse{animation:databaseSpin 4s infinite linear;transform-origin:center;opacity:.5}@keyframes dataVisualize{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes barGrowth{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@keyframes dataPoint{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}@keyframes trendLine{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}@keyframes databaseSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.dev-doodle:hover{transform:scale(1.1) rotate(2deg)}.ml-doodle:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px currentColor)}.cs-doodle:hover{transform:scale(1.1);animation-duration:.5s}.data-doodle:hover{transform:scale(1.1) translateY(-2px)}@media (prefers-reduced-motion: reduce){.portfolio-doodle,.portfolio-doodle *,.portfolio-doodle:before,.portfolio-doodle:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}