body,html{-webkit-user-select:none;user-select:none;background-color:#fff;width:100vw;height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,sans-serif;overflow:hidden}#viewport{cursor:grab;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#viewport:active{cursor:grabbing}#canvas{will-change:transform;justify-content:center;align-items:center;width:0;height:0;display:flex;position:relative}.bg-shape{z-index:-1;opacity:.7;will-change:transform;transition:transform .3s;animation:20s ease-in-out infinite alternate float;position:absolute}.bg-shape:hover{animation:1s ease-in-out infinite alternate float}@keyframes float{0%{transform:translate(0)rotate(0)}33%{transform:translate(30px,-50px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}to{transform:translate(0)rotate(360deg)}}.sticker{z-index:1;cursor:grab;filter:drop-shadow(0 8px 12px #00000026);width:120px;transition:transform .1s,filter .1s;position:absolute}.sticker:active{cursor:grabbing;filter:drop-shadow(0 15px 20px #00000040);z-index:2;transform:scale(1.05)}.container{text-align:center;z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute}.morph-text{color:#00b4d8;cursor:crosshair;justify-content:center;align-items:center;gap:20px;height:100px;margin-bottom:10px;font-family:DynaPuff,cursive;font-size:6rem;display:flex}.char{font-variation-settings:"wght" 400;transform-origin:50%;transition:font-variation-settings .15s cubic-bezier(.25,1,.5,1),transform .15s cubic-bezier(.25,1,.5,1);display:inline-block}.tags{justify-content:center;gap:20px;transition:transform .1s ease-out;display:flex}.tag{color:#555;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background-color:#0000;border:1px solid #d1d1d1;border-radius:30px;padding:8px 15px;font-size:.85rem;font-weight:600}.tag:hover{background-color:#eaeaea}.cards-section{pointer-events:auto;width:min(1160px,92vw);margin-top:24px}.cards-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));place-items:start center;gap:26px;display:grid}.cards-row>*{justify-content:center;width:100%;max-width:340px;display:flex}.about-me{pointer-events:auto;justify-content:left;gap:30px;display:flex;position:absolute;top:-300px;left:-800px;transform:rotate(-15deg)}.projects{pointer-events:auto;justify-content:right;gap:30px;display:flex;position:absolute;top:0;right:-800px;transform:rotate(15deg)}.mobile-home{color:#e2e8f0;-webkit-overflow-scrolling:touch;background:#0d0f14;min-height:100vh;font-family:Inter,-apple-system,sans-serif;overflow:hidden auto}.mobile-hero{text-align:center;background:linear-gradient(135deg,#0d0f14 0%,#12172a 60%,#0d1117 100%);padding:3.5rem 1.5rem 3rem;position:relative;overflow:hidden}.mobile-hero:before{content:"";pointer-events:none;background:radial-gradient(70% 55% at 50% 30%,#00b4d82e 0%,#0000 70%);position:absolute;inset:0}.mobile-hero-badge{color:#00b4d8;letter-spacing:.12em;text-transform:uppercase;background:#00b4d814;border:1px solid #00b4d866;border-radius:99px;margin-bottom:1rem;padding:.3rem .9rem;font-size:.78rem;font-weight:600;display:inline-block}.mobile-hero-name{color:#00b4d8;letter-spacing:.5px;margin:0 0 .75rem;font-family:DynaPuff,cursive;font-size:clamp(2.8rem,12vw,5rem);line-height:1;position:relative}.mobile-hero-tagline{color:#94a3b8;max-width:480px;margin:0 auto 2rem;font-size:clamp(.9rem,2.5vw,1.05rem);line-height:1.6}.mobile-hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.mobile-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b4d8,#0077b6);border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 18px #00b4d859}.mobile-btn-primary:active{transform:scale(.97);box-shadow:0 2px 10px #00b4d840}.mobile-btn-secondary{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;align-items:center;padding:.75rem 1.4rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .18s;display:inline-flex}.mobile-btn-secondary:active{background:#ffffff1a}.mobile-about,.mobile-projects{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;margin:.75rem 1rem;padding:1.5rem}.mobile-section-label{letter-spacing:.14em;text-transform:uppercase;color:#00b4d8;margin-bottom:.75rem;font-size:.72rem;font-weight:700;display:block}.mobile-about p{color:#94a3b8;margin:0 0 1.25rem;font-size:.95rem;line-height:1.65}.mobile-skills{flex-wrap:wrap;gap:.5rem;display:flex}.mobile-skill-badge{color:#7dd3ea;background:#00b4d81a;border:1px solid #00b4d840;border-radius:99px;padding:.3rem .75rem;font-size:.78rem;font-weight:600}.mobile-project-grid{gap:1rem;display:grid}@media (min-width:600px){.mobile-project-grid{grid-template-columns:1fr 1fr}}.mobile-project-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden}.mobile-project-card:active{transform:scale(.985)}.mobile-card-img-wrap{line-height:0;position:relative}.mobile-card-img-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#0a0c14d9 100%);position:absolute;inset:0}.mobile-project-card-content{padding:1rem}.mobile-project-card-content h3{color:#f1f5f9;margin:0 0 .35rem;font-size:1rem;font-weight:700}.mobile-project-card-content>p{color:#64748b;margin:0 0 .75rem;font-size:.84rem;line-height:1.5}.mobile-card-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;display:flex}.mobile-card-tag{color:#a5b4fc;background:#6366a52e;border:1px solid #6366a54d;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.mobile-card-links{flex-wrap:wrap;gap:.6rem;display:flex}.mobile-card-github-btn{color:#e2e8f0;background:#1a1e25;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.mobile-card-github-btn:active{background:#24292f}.mobile-card-live-btn{color:#fff;background:linear-gradient(135deg,#58a6ff,#1f6feb);border-radius:8px;align-items:center;padding:.5rem .95rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 3px 12px #1f6feb59}.mobile-footer{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;margin:.75rem 1rem 2rem;padding:1.25rem 1.5rem}.mobile-footer p{color:#475569;margin:0 0 .85rem;font-size:.8rem;line-height:1.55}.mobile-footer-links{justify-content:center;gap:1.5rem;display:flex}.mobile-footer-links a{color:#64748b;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .15s}.mobile-footer-links a:hover{color:#00b4d8}