.mascot-wrapper{transform:scale(1.2)}.checkpoint-dot{cursor:pointer}.checkpoint-labels{height:20px;position:relative}.checkpoint-labels .label{cursor:pointer}.thought-bubble.large{max-width:200px;top:10px}.thought-bubble{animation:fadeIn .4s ease;background:#fffffff2;background:#fff;border:1px solid #a6d6ff33;border-radius:12px;border-radius:25px;box-shadow:0 4px 12px #02061766;box-shadow:0 6px 16px #0003;color:#041318;color:#222;font-size:12px;font-size:16px;font-weight:500;left:12px;left:50%;max-width:240px;padding:8px 12px;padding:14px 18px;position:absolute;text-align:center;top:-26px;top:-90px;transform:translateX(-50%);white-space:nowrap;z-index:50}.bubble-text{position:relative;z-index:2}.bubble-tail-1,.bubble-tail-2{background:#fff;border-radius:50%;box-shadow:0 6px 16px #0003;position:absolute}.bubble-tail-1{bottom:-10px;height:16px;left:20%;width:16px}.bubble-tail-2{bottom:-20px;height:10px;left:30%;width:10px}.po-heart-pulse{align-items:center;animation:heartPop .6s ease;display:flex;font-size:48px;gap:6px;right:20px;top:-60px}.heart-count{background:#fff;border-radius:50%;box-shadow:0 4px 10px #0003;color:#ff3b6f;font-size:22px;font-weight:700;padding:4px 8px}*{font-family:Roboto Slab,serif}body{background:linear-gradient(180deg,#061226,#071a2b);color:#e6f0f8;margin:0;padding:0}.container{font-family:Roboto Slab,serif;padding:20px;transition:all .3s ease}.light{background:#f0f9ff;color:#222}.dark{background:#0000;color:#e6f0f8}header{border-bottom:1px solid #ffffff0f;margin-bottom:20px;padding:20px 0;text-align:left}header h1{color:#a6d6ff;font-size:32px;font-weight:700;margin:0}.card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#a6d6ff14,#6fa5d50f);border:1px solid #a6d6ff1f;border-radius:10px;margin:12px 0;padding:18px}button{cursor:pointer;margin:10px;padding:10px}.btn{background:linear-gradient(90deg,#56ccf2,#2f80ed);border:none;border-radius:8px;color:#fff;display:inline-block;padding:10px 14px;text-decoration:none}.funny{color:#9be7ff;font-size:18px}.phone{animation:pop .5s}@keyframes pop{0%{transform:scale(.5)}to{transform:scale(1)}}.projects-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.project-card{background:#ffffff05;border:1px solid #ffffff0a;box-shadow:0 6px 18px #02061799;flex:1 1 240px}.dark .project-card{background:linear-gradient(180deg,#ffffff05,#ffffff03)}.nav ul{display:flex;gap:12px;list-style:none;margin:8px 0 0;padding:0}.nav a{border-radius:4px;color:#a6d6ff;padding:6px 10px;text-decoration:none;transition:all .2s ease}.nav a:hover{background:#a6d6ff14}.nav a.active{background:#a6d6ff1f;box-shadow:inset 0 -2px 0 #a6d6ff33}footer{border-top:1px solid #ffffff0f;color:#e6f0f899;font-size:13px;margin-top:40px;padding-top:20px}footer a{color:#a6d6ff;text-decoration:none}footer a:hover{text-decoration:underline}.hero{padding:28px;text-align:center}.hero-grid{grid-gap:0;align-items:stretch;display:grid;gap:0;grid-template-columns:1fr 520px;min-height:70vh}.hero-left{background:#0000;display:flex;flex-direction:column;justify-content:center;padding:64px 72px}.hero-ctas{display:flex;gap:12px;margin-top:18px}.btn.ghost{background:#0000;border:1px solid #a6d6ff33;color:inherit}.hero-right{overflow:hidden;position:relative}.hero-right .pattern{background-image:repeating-linear-gradient(45deg,#3fc1ae24 0 6px,#0000 6px 12px);bottom:0;opacity:.95;position:absolute;right:0;top:0;width:220px}.hero-image{box-shadow:-8px 0 30px #00000052;height:110%;object-fit:cover;position:absolute;right:-40px;top:50%;transform:translateY(-50%)}.eyebrow{color:#7fb8d4;font-size:12px;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.hero-title{color:#a6d6ff;font-size:44px;margin:6px 0 12px}.subtitle{color:#7fb8d4;font-weight:600}.lead{color:#c5dff0;margin:8px auto;max-width:680px}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-right{display:none}.lead{margin:12px 0 0}}.timeline{display:flex;flex-direction:column;gap:12px}.timeline .card{background:#ffffff05;border:1px solid #ffffff0a}.tech-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.experiences{display:flex;flex-direction:column;gap:16px}.exp-card{background:linear-gradient(135deg,#5ac8e114,#3ea3ff0f);border:1px solid #a6d6ff1a;overflow:hidden;position:relative;transition:all .3s ease}.exp-card:before{background:linear-gradient(90deg,#0000,#a6d6ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.exp-card:hover:before{left:100%}.exp-card:hover{background:linear-gradient(135deg,#5ac8e11f,#3ea3ff1a);border-color:#a6d6ff33}.stack-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{background:linear-gradient(135deg,#3ec5ff26,#56ccf214);border:1px solid #a6d6ff33;border-radius:6px;color:#9be7ff;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.badge:hover{background:linear-gradient(135deg,#3ec5ff40,#56ccf226);border-color:#a6d6ff66;transform:translateY(-2px)}.modal-backdrop{align-items:center;background:#02061799;display:flex;inset:0;justify-content:center;position:fixed;z-index:60}.modal{background:linear-gradient(180deg,#071228,#081b30);border-radius:8px;box-shadow:0 10px 30px #020617cc;color:#e6f7ff;padding:20px;position:relative;width:420px}.modal-close{background:#0000;border:0;color:#cfeffd;cursor:pointer;font-size:22px;position:absolute;right:8px;top:6px}.modal-body input,.modal-body textarea{background:#ffffff05;border:1px solid #ffffff0f;border-radius:4px;color:#e6f7ff;margin-top:8px;padding:8px;width:100%}.contact-form .form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px}.contact-form .form-box{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;box-sizing:border-box;color:inherit;min-height:44px;padding:10px 12px;resize:vertical;width:100%}.contact-form .form-grid textarea.form-box{grid-column:1/-1;min-height:140px}.contact-form .button-row{display:flex;gap:12px;margin-top:12px}.contact-form .button-row .form-box{align-items:center;display:inline-flex;flex:1 1;justify-content:center;padding:10px 14px}@media (max-width:640px){.contact-form .form-grid{grid-template-columns:1fr}.contact-form .button-row{flex-direction:column}}.projects-cta{background:linear-gradient(90deg,#3ec5ff,#3ea3ff);border:none;box-shadow:0 8px 28px #3ea3ff1f;color:#fff;font-weight:600;padding:10px 18px;transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease}.projects-cta:hover{box-shadow:0 22px 40px #3ea3ff2e;transform:translateY(-6px) scale(1.03)}.chat-cta{background:#0000;border:1px solid #ffffff0f;color:inherit}.projects-rail{gap:16px;padding:16px 8px;scroll-behavior:smooth}.project-slide{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid #ffffff0a;flex:0 0 520px;max-width:520px}.carousel-controls{gap:8px;margin-bottom:8px}.projects-rail::-webkit-scrollbar{height:8px}.projects-rail::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:999px}@media (max-width:520px){.project-slide{flex:0 0 88%;min-width:88%}}.header-top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}footer{border-top:1px solid #a6d6ff14;margin-top:48px;padding-top:32px;text-align:center}.mascot-wrapper{align-items:center;display:flex;justify-content:center;margin:28px 0 36px;transform-origin:top center}.mascot-nav{cursor:pointer;flex:1 1;max-width:500px;-webkit-user-select:none;user-select:none}.mascot-track{align-items:center;background:linear-gradient(90deg,#5ac8e10f,#3ea3ff0a);border:1px solid #a6d6ff14;border-radius:10px;display:flex;height:30px;overflow:visible;padding:0 14px;position:relative;width:100%}.progress-bar{background:linear-gradient(90deg,#3ec5ff33,#56ccf21a);border-radius:8px;height:100%;left:0;position:absolute;top:0;transition:width 1.5s cubic-bezier(.25,.46,.45,.94)}.checkpoint-dot{background:#a6d6ff33;border:2px solid #a6d6ff4d;border-radius:50%;height:10px;position:absolute;transition:all .3s ease;width:10px}.checkpoint-dot.active{background:#56ccf2;border-color:#3ec5ff;box-shadow:0 0 12px #3ec5ffcc;height:12px;width:12px}.checkpoint-dot.visited{background:#3ec5ff80;border-color:#3ec5ff}.mascot-runner{align-items:center;cursor:pointer;display:flex;font-size:40px;justify-content:center;position:absolute;transition:none;z-index:10}.mascot-runner.moving{animation:poRun .4s steps(3) infinite}@keyframes poRun{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}.mascot-emoji{display:inline-block;filter:drop-shadow(0 0 6px rgba(62,197,255,.4))}.checkpoint-labels{color:#a6d6ff80;display:flex;font-size:11px;justify-content:space-around;margin-top:8px}.label{transition:color .3s ease}.label.active{color:#9be7ff;font-weight:600}.mascot-hint{color:#a6d6ff80;font-size:12px;font-style:italic;margin:4px 0 0}.thought-bubble.large{background:linear-gradient(180deg,#fff,#e6f7ff);border-radius:14px;box-shadow:0 14px 40px #02061799;color:#041318;font-size:18px;left:50%;max-width:480px;padding:18px 22px;position:absolute;text-align:center;top:-90px;transform:translateX(-50%);z-index:80}.po-heart-pulse{animation:heartPop .9s ease-out;font-size:24px;pointer-events:none;position:absolute;right:28px;top:-28px;z-index:90}.heart-popup{align-items:center;background:#02061759;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.heart-popup-box{background:linear-gradient(90deg,#fff,#e6f7ff);border:1px solid #3ec5ff1f;border-radius:12px;box-shadow:0 10px 30px #02061799;color:#041318;font-size:20px;font-weight:700;padding:18px 28px}@keyframes heartPop{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}@media (max-width:768px){.header-top{flex-direction:column}.mascot-nav{max-width:100%}}.catch-up{margin:0 auto;max-width:600px}.contact-info{margin-top:24px}.contact-info a{color:#56ccf2;text-decoration:none;transition:color .2s ease}.contact-info a:hover{color:#041318;text-decoration:underline}.projects-rail{display:flex;gap:24px;overflow-x:auto;padding:20px 10px}.project-slide{background:linear-gradient(135deg,#191607,#081d27);cursor:pointer;min-height:320px;min-width:520px;transition:all .3s ease}.project-slide:hover{box-shadow:0 10px 25px #00000026;transform:scale(1.05)}.project-slide.active{background:linear-gradient(135deg,#141a61,#1f0a7e);transform:scale(1.1)}.project-details{animation:fadeIn .4s ease;margin-top:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.carousel-controls{display:flex;gap:10px;margin-bottom:10px}.extra-experience{background:#f0f9ff;border-radius:10px;margin-top:30px;padding:15px}
/*# sourceMappingURL=main.abaa2f9e.css.map*/