@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#fafafa;--text-color:#2c2c2c;--accent-color:#1a3a6b;--secondary-bg:#f0f4fb;--border-color:#1a3a6b;--hero-bg:#f5f5f5}[data-theme=dark]{--bg-color:#020c1b;--text-color:#cce0ff;--accent-color:#4a9eff;--secondary-bg:#0a1f3d;--border-color:#1a3a6b;--hero-bg:#050f20}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:Space Grotesk,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:background .3s,color .3s;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background:repeating-linear-gradient(135deg,#0000 0 60px,#00000008 70px,#0000000d 130px);width:100%;height:100%;animation:18s linear infinite alternate patternMove;position:fixed;top:0;left:0}[data-theme=dark] body:before{background:repeating-linear-gradient(135deg,#0000 0 60px,#ffffff05 70px,#ffffff0a 130px)}@keyframes patternMove{0%{transform:translateY(0)scale(1)}to{transform:translateY(-5%)scale(1.01)}}.container{z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.navbar{background:var(--bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;padding:1rem 0;position:sticky;top:0}.navbar .container{justify-content:flex-end;align-items:center;gap:2rem;display:flex}.logo{color:var(--accent-color);margin-right:auto;font-size:1.5rem;font-weight:700}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-color);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-color)}#theme-toggle{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;transition:all .3s;display:flex}#theme-toggle:hover{border-color:var(--accent-color);background:var(--secondary-bg)}.icon-sun,.icon-moon{font-size:1rem}[data-theme=dark] .icon-sun,[data-theme=light] .icon-moon{display:none}.nav-controls{align-items:center;gap:1rem;display:flex}.hamburger{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;padding:6px 10px;transition:all .3s;display:none}.hamburger:hover{border-color:var(--accent-color);background:var(--secondary-bg)}.hamburger-line{background:var(--text-color);width:20px;height:2px;margin:4px 0;transition:all .3s;display:block}.mobile-menu{z-index:999;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-menu.active{opacity:1;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:1000;flex-direction:column;max-height:calc(100vh - 60px);margin:0;padding:1rem 0;list-style:none;display:flex;position:fixed;top:60px;left:0;right:0;overflow-y:auto}.mobile-nav-links li{padding:0}.mobile-nav-links a{color:var(--text-color);border-left:4px solid #0000;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.mobile-nav-links a:hover{color:var(--accent-color);background:var(--secondary-bg);border-left-color:var(--accent-color)}@media (max-width:768px){.nav-links{display:none}.hamburger{flex-direction:column;justify-content:center;align-items:center;display:flex}.mobile-menu{display:block}}.hero{text-align:left;color:#fff;background:linear-gradient(#0000,#0000),url(/images/hero-bg.png) 50%/cover no-repeat;justify-content:flex-start;align-items:center;min-height:100vh;padding:100px 0;display:flex;position:relative;overflow:hidden}.hero .container{z-index:2;max-width:1400px;margin:0;padding:0 4rem;position:relative}.hero-inner{align-items:center;width:100%;min-height:60vh;display:flex;position:relative}.hero-text{z-index:2;flex-direction:column;justify-content:center;max-width:800px;display:flex;position:relative}@media (max-width:1024px){.hero-inner{text-align:center;flex-direction:column;justify-content:center;min-height:auto}.hero-text{align-items:center;margin-bottom:2rem}.hero-btns{justify-content:center}}.hero h1{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:700}.animated-name{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#f7b731,#ff6b6b) 0 0/300% 300%;-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffffff80;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;font-family:Blanka,sans-serif;font-weight:400;animation:4s infinite gradientShift,3s ease-in-out infinite floatName;font-size:3.5rem!important}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes floatName{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero .subtitle{color:#e0e0e0;margin-bottom:1rem;font-size:1.5rem;font-weight:300}.hero .bio{opacity:.9;color:#f0f0f0;max-width:600px;margin:0 0 2rem;font-size:1.1rem;line-height:1.8}.hero-btns{flex-wrap:wrap;justify-content:flex-start;gap:1rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn.primary{background:var(--accent-color);color:var(--bg-color)}.btn.primary:hover{opacity:.85;transform:translateY(-2px)}.btn.secondary{color:var(--text-color);border-color:var(--accent-color);background:0 0}.btn.secondary:hover{background:var(--accent-color);color:var(--bg-color);transform:translateY(-2px)}.hero .btn.primary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fffc;box-shadow:0 4px 12px #0000004d}.hero .btn.primary:hover{color:#2c2c2c;opacity:1;background:#fffffff2;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.hero .btn.secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fffc;box-shadow:0 4px 12px #0000004d}.hero .btn.secondary:hover{color:#2c2c2c;background:#fffffff2;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:3rem;font-size:2rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px;margin:0 auto;display:grid}.skill-category{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s}.skill-category:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.skill-category h3{color:var(--accent-color);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.skill-category ul{list-style:none}.skill-category li{padding:.6rem 0 .6rem 2rem;transition:all .2s;position:relative}.skill-category li:hover{padding-left:2.3rem}.skill-category li:before{content:"✓";color:var(--accent-color);font-size:1.1rem;font-weight:700;position:absolute;left:0}.projects-container{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px;margin:0 auto;display:grid}.project-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.project-corner-image{object-fit:contain;opacity:.9;border-radius:8px;width:175px;height:auto;transition:all .3s;position:absolute;top:2.5rem;right:2rem}.project-card:hover .project-corner-image{opacity:1;transform:scale(1.05)}.project-card:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.project-link{color:var(--accent-color);text-decoration:none;transition:all .3s}.project-link:hover{opacity:.8;text-decoration:underline}.project-content h3{color:var(--accent-color);margin-bottom:.5rem;font-size:1.5rem}.project-content .role{opacity:.8;margin-bottom:.5rem;font-size:.95rem}.project-content .date{opacity:.7;margin-bottom:1rem;font-size:.9rem}.project-details{margin-bottom:1.5rem;list-style:none}.project-details li{padding:.5rem 0 .5rem 1.5rem;position:relative}.project-details li:before{content:"•";color:var(--accent-color);position:absolute;left:0}.tech-tags{flex-wrap:wrap;gap:.75rem;display:flex}.tech-tags span{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.trophy-icon{vertical-align:middle;color:gold;stroke:gold;width:1.5rem;height:1.5rem;margin-left:.5rem;animation:2s ease-in-out infinite trophyGlow;display:inline-block}@keyframes trophyGlow{0%,to{filter:drop-shadow(0 0 3px #ffd70080)}50%{filter:drop-shadow(0 0 8px #ffd700cc)}}.award-badge{margin-top:.5rem;margin-bottom:.75rem;display:inline-block}.award-badge span{color:#2c2c2c;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border-radius:20px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #ffd7004d}[data-theme=dark] .award-badge span{color:#fff;background:linear-gradient(135deg,#b8860b 0%,#daa520 100%);box-shadow:0 2px 8px #daa52066}.edu-item{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2rem}.edu-item:last-child{border-bottom:none}.edu-item h3{color:var(--accent-color);margin-bottom:.5rem;font-size:1.3rem}.edu-item .school{opacity:.85;margin-bottom:.25rem;font-weight:500}.edu-item .year{opacity:.7;font-size:.9rem}.edu-item p{opacity:.9;margin-top:.5rem}.experience-item{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2rem}.experience-item:last-child{border-bottom:none}.experience-item h3{color:var(--accent-color);margin-bottom:.5rem;font-size:1.3rem}.experience-item .company{opacity:.85;margin-bottom:.25rem;font-weight:500}.experience-item .year{opacity:.7;font-size:.9rem}.experience-item p{opacity:.9;margin-top:.5rem}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-content p{opacity:.9;margin-bottom:2rem;font-size:1.1rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.contact-icon-link{width:70px;height:70px;color:var(--text-color);border:2px solid var(--border-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex;position:relative}.contact-icon{width:2rem;height:2rem;transition:transform .3s}.contact-icon-link:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 8px 20px #0003}.contact-icon-link:hover .contact-icon{transform:scale(1.2)rotate(10deg)}@media (max-width:768px){.hero h1{font-size:2rem}.animated-name{font-size:2rem!important}.hero .subtitle{font-size:1rem}.hero-btns{flex-direction:column;align-items:flex-start}.btn{width:100%;max-width:300px}.section{padding:60px 0}.section-title{font-size:1.5rem}.skills-grid,.projects-container{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 1rem}.hero{padding:60px 0}.hero .container{padding:0 1.5rem}.hero h1{font-size:1.5rem}.logo{font-size:1.2rem}}.chat-widget-container{z-index:9999;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:2rem;right:2rem}.chat-window{-webkit-backdrop-filter:blur(16px);transform-origin:100% 100%;border:1px solid #80808033;border-radius:20px;flex-direction:column;width:380px;height:550px;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.4s cubic-bezier(.175,.885,.32,1.275) chatOpen;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026,inset 0 0 0 1px #ffffff1a}@keyframes chatOpen{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-theme=dark] .chat-window{background:#020c1bd9;box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff0d}[data-theme=light] .chat-window{background:#fafafaeb}.chat-header{background:linear-gradient(135deg,var(--accent-color),#2a5298);color:#fff;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}[data-theme=dark] .chat-header{background:linear-gradient(135deg,#1a3a6b,var(--accent-color))}.chat-header h3{align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:600;display:flex}.chat-header h3:before{content:"";background-color:#4cd137;border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 8px #4cd137}.close-button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.close-button:hover{background:#fff3;transform:rotate(90deg)}.close-button svg{width:18px;height:18px}.chat-messages{scroll-behavior:smooth;background:0 0;flex-direction:column;flex:1;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#8080804d;border-radius:10px}.message{max-width:88%;animation:.3s ease-out messageAppear;display:flex}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user-message{align-self:flex-end}.message.ai-message{align-self:flex-start}.message-content{word-break:break-word;border-radius:18px;padding:.85rem 1.2rem;font-size:.95rem;line-height:1.5;box-shadow:0 2px 5px #0000000d}.user-message .message-content{background:linear-gradient(135deg,var(--accent-color),#3a7bd5);color:#fff;border-bottom-right-radius:4px}[data-theme=dark] .user-message .message-content{background:linear-gradient(135deg,#2b5876,var(--accent-color))}.ai-message .message-content{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-bottom-left-radius:4px}.chat-input-form{background:#fafafaf2;border-top:1px solid #80808026;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}[data-theme=dark] .chat-input-form{background:#020c1bf2}.chat-input-form input{background:var(--secondary-bg);color:var(--text-color);border:1px solid #80808033;border-radius:24px;outline:none;flex:1;padding:.85rem 1.2rem;font-family:inherit;font-size:.95rem;transition:all .3s}.chat-input-form input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #4a9eff1a}.chat-input-form button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;box-shadow:0 4px 10px #4a9eff4d}[data-theme=dark] .chat-input-form button{box-shadow:0 4px 10px #4a9eff33}.chat-input-form button:hover:not(:disabled){transform:translateY(-2px)scale(1.05);box-shadow:0 6px 15px #4a9eff66}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#999}.chat-input-form button svg{width:20px;height:20px;margin-right:-2px}.chat-action-btn{text-align:center;cursor:pointer;border:none;border-radius:10px;margin-top:.25rem;padding:10px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.chat-github-btn{background:#24292e;box-shadow:0 4px 10px #24292e4d;color:#fff!important}.chat-github-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 6px 15px #24292e66}[data-theme=dark] .chat-github-btn{background:#fff;box-shadow:0 4px 10px #ffffff1a;color:#24292e!important}[data-theme=dark] .chat-github-btn:hover{background:#e1e4e8}.chat-linkedin-btn{background:#0077b5;box-shadow:0 4px 10px #0077b54d;color:#fff!important}.chat-linkedin-btn:hover{background:#005582;transform:translateY(-2px);box-shadow:0 6px 15px #0077b566}.chat-email-btn{background:linear-gradient(135deg,#ea4335,#c5221f);box-shadow:0 4px 10px #ea43354d;color:#fff!important}.chat-email-btn:hover{background:linear-gradient(135deg,#c5221f,#a51b18);transform:translateY(-2px);box-shadow:0 6px 15px #ea433566}.floating-robot-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:-1rem;margin-right:-2rem;transition:transform .3s;display:flex}.floating-robot-btn:hover{transform:scale(1.05)}.floating-robot-btn.active{width:150px;height:150px}@media (max-width:768px){.floating-robot-btn{width:180px;height:180px;margin-bottom:-.5rem;margin-right:-1rem}.floating-robot-btn.active{width:120px;height:120px}}.chat-bubble-prompt{background:linear-gradient(135deg,var(--accent-color),#3a7bd5);color:#fff;z-index:10;pointer-events:none;text-align:center;border:1px solid #ffffff1a;border-radius:20px;max-width:250px;margin-bottom:-1rem;margin-right:1.5rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;position:relative;box-shadow:0 6px 20px #0003}[data-theme=dark] .chat-bubble-prompt{background:linear-gradient(135deg,#2b5876,var(--accent-color))}.chat-bubble-prompt:after{content:"";border:10px solid #0000;border-top-color:#3a7bd5;border-bottom-width:0;position:absolute;bottom:-10px;right:30px}[data-theme=dark] .chat-bubble-prompt:after{border-color:var(--accent-color)transparent transparent transparent}.bounce-animation{animation:3s ease-in-out infinite floatingBounce}@keyframes floatingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.typing-indicator{background:var(--bg-color);border:1px solid var(--border-color);border-radius:18px 18px 18px 4px;align-items:center;height:48px;padding:.85rem 1.2rem;display:inline-flex}.typing-indicator span{background-color:var(--text-color);opacity:.5;border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1s infinite typing;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:480px){.chat-window{width:calc(100vw - 2rem);height:500px;bottom:5rem;right:1rem}.chat-widget-container{bottom:1rem;right:1rem}}.intro-overlay{background-color:var(--bg-color);z-index:99999;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;display:flex;position:fixed;top:0;left:0}.intro-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.intro-robot-container{z-index:100000;width:300px;height:300px;transition:all 1s cubic-bezier(.8,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.intro-robot-container.travel-to-corner{opacity:0;top:calc(100vh - 120px);left:calc(100vw - 120px);transform:translate(-50%,-50%)scale(.9)}@media (max-width:768px){.intro-robot-container.travel-to-corner{top:calc(100vh - 90px);left:calc(100vw - 80px);transform:translate(-50%,-50%)scale(.6)}}.intro-text{flex-direction:column;align-items:center;transition:opacity .5s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,40px)}.intro-text.fade-out{opacity:0}.intro-name{text-align:center;margin-bottom:20px;font-size:2.5rem!important}@media (max-width:768px){.intro-name{font-size:1.8rem!important}}.intro-loading-bar{background:var(--secondary-bg);border-radius:4px;width:200px;height:4px;position:relative;overflow:hidden}.intro-progress{background:var(--accent-color);width:0%;height:100%;animation:1.5s ease-in-out forwards loadProgress;position:absolute;top:0;left:0}@keyframes loadProgress{0%{width:0%}50%{width:60%}to{width:100%}}