:root{--card-bg:#181b28eb;--card-border:#ffffff14;--card-hover:#222534fa;--section-bg:#090e1bd9;--section-border:#94a3b829;--accent:#f6c343;--text-muted:#e2e8f0bf}body{color:#eef2ff;background-color:#0000;background-image:linear-gradient(#0000008c,#0000008c),url(/images/backg.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6}.text-muted{color:var(--text-muted)!important}.section-panel{background:var(--section-bg);border:1px solid var(--section-border);border-radius:1.25rem;padding:3rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000059}.section-panel:before{content:"";pointer-events:none;opacity:.6;background:radial-gradient(circle at top,#ffffff0f,#0000 55%);position:absolute;inset:0}.section-panel h2,.hero-section h1{letter-spacing:.05em;text-transform:uppercase;font-family:"8BIT WONDER",sans-serif}.section-panel h2{margin-bottom:1.25rem;font-size:clamp(1.8rem,2vw,2.4rem)}.hero-section h1{font-size:clamp(1.6rem,4vw,3rem);line-height:1.3}.section-panel p{color:var(--text-muted)}.card.bg-dark{border:1px solid var(--card-border);transition:transform .3s,box-shadow .3s,background .3s;background:var(--card-bg)!important}.card.bg-dark:hover{transform:translateY(-6px);box-shadow:0 18px 30px #0f172a59;background:var(--card-hover)!important}.card-title{font-weight:600}.card-body ul li{color:var(--text-muted)}.btn.btn-outline-light{color:#f8fafc;border-color:#ffffffa6}.btn.btn-outline-light:hover,.btn.btn-outline-light:focus{background:var(--accent);color:#1a1f36;border-color:var(--accent)}.section-panel .badge{box-shadow:0 0 0 1px #0f172a59,0 8px 18px #0f172a73}html{scroll-behavior:smooth}.card-body{width:100%}.icon{width:32px;height:32px}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 64px);padding-bottom:120px;display:flex;position:relative}.fade-in{opacity:0;animation:1s ease-out forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}#projects .card-img-top{object-fit:cover;width:100%;height:356px;display:block}#projects ul{padding-left:1rem}#projects ul li{margin-bottom:.5rem}#projects .card{border-radius:.75rem}body:before{content:"";z-index:-1;background:#00000080;width:100%;height:100vh;position:fixed;top:0;left:0}#backToTop{z-index:10;display:none;position:fixed;bottom:20px;right:20px}:root{--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.reveal{opacity:0;transition:opacity .4s ease, transform .6s var(--ease-spring);transition-delay:var(--reveal-delay,0s);transform:translateY(20px)scale(.8)}.section-panel.reveal{transition-duration:.5s,.75s;transform:translateY(30px)scale(.92)}.reveal.is-visible,.section-panel.reveal.is-visible{opacity:1;transform:none}.reveal-badge{opacity:0;transition:opacity .4s ease, transform .6s var(--ease-spring);transition-delay:var(--reveal-delay,0s);transform:translateY(14px)scale(.6)}.is-visible>.reveal-badge{opacity:1;transform:none}.scroll-progress{background:linear-gradient(90deg, var(--accent), #ff7675, #a29bfe);transform-origin:0;z-index:1100;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.hero-section>.row{will-change:opacity, transform}@media (prefers-reduced-motion:reduce){.reveal,.reveal-badge{opacity:1;transition:none;transform:none}.scroll-progress{display:none}}.scroll-down{color:#ffffffbf;flex-direction:column;align-items:center;gap:8px;width:max-content;margin:0 auto;text-decoration:none;transition:color .2s;display:flex;position:absolute;bottom:24px;left:0;right:0}.scroll-down:hover,.scroll-down:focus{color:#fff}.scroll-text{letter-spacing:.3em;text-transform:uppercase;font-size:.7rem}.scroll-arrow{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation:1.5s infinite bounceArrow;display:flex}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media (max-width:576px){#projects .card-img-top{height:auto;max-height:240px}}.coming-soon-toast{color:#0f172a;opacity:0;z-index:1080;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #0f172a26;border-radius:1rem;padding:1.15rem 2.5rem;font-weight:500;transition:transform .3s,opacity .3s;position:fixed;top:50%;left:50%;transform:translate(-50%,-40%);box-shadow:0 25px 50px #0f172a59,0 0 0 1px #0f172a14}.coming-soon-toast.show{opacity:1;transform:translate(-50%,-50%)}.cir{border-radius:50%;width:500px;height:500px}.e-bit{color:#fff;font-family:"8BIT WONDER",sans-serif;font-size:3.3vmax}.move-bottom{width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-brand,.nav-link{color:#fff!important}.nav-link:hover{opacity:.8}.navbar-toggler{border-color:#ffffff4d}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.project-container{scroll-snap-type:y mandatory;height:100vh;overflow:hidden}.project{scroll-snap-align:start;justify-content:center;align-items:center;height:100vh;transition:opacity .5s;display:flex;position:relative}.project.active{opacity:1}.project-content{text-align:center;max-width:800px;padding:2rem}.project-content img{border-radius:8px;max-width:100%;height:auto;margin-bottom:2rem}.project-content h4{margin-bottom:1.5rem}.project-content p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.badge{border-radius:20px;padding:.5rem 1rem}.scroll-indicator{color:#fff;gap:.5rem;display:flex;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-indicator:after{font-size:1.5rem;animation:1s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media (max-width:768px){.project-content{padding:1rem}.project-content img{object-fit:contain;max-height:40vh;margin-bottom:1.5rem}.project{padding:2rem 0}.header nav a{margin-left:1rem}}.logo.is-animetion{margin-top:.6em}.white{color:#fff}.nav-b{float:right;display:inline-block}.intro{text-align:center;font-size:3vmin}.top-buff{position:relative;top:-37px}@keyframes wave-text{0%{transform:translateY(0)}60%{transform:translateY(-.6em)}to{transform:translateY(0)}}@media only screen and (max-width:1199px){.mid{align-items:center}.e-bitt{color:#fff;font-family:"8BIT WONDER",sans-serif;font-size:18px}.top-buff{display:none}}.line-1{text-align:center;white-space:nowrap;border-right:2px solid #ffffffbf;width:24em;margin:0 auto;font-size:3.8vw;top:50%;overflow:hidden;transform:translateY(-50%)}.anim-typewriter1{border-right:2px solid #0000;animation:3s steps(44,end) 1s both typewriter1,.5s step-end 8 blinkTextCursor1}.anim-typewriter2{animation:4s steps(44,end) 1s both typewriter2,.5s steps(44,end) infinite blinkTextCursor2;border-right:2px solid #0000;animation-delay:4s}@keyframes typewriter1{0%{width:0}to{width:17em}}@keyframes typewriter2{0%{width:0}to{width:24em}}@keyframes blinkTextCursor1{0%{border-right-color:#ffffffbf}to{border-right-color:#0000}}@keyframes blinkTextCursor2{0%{border-right-color:#ffffffbf}to{border-right-color:#0000}}@media only screen and (max-width:500px){.image{display:none}.mid{align-items:center}.e-bitt{color:#fff;font-family:"8BIT WONDER",sans-serif;font-size:18px}.font-size{display:none!important}.size-2{font-size:5.3vmin}.right-pad{margin-left:30px}.top-mar{margin-top:15px}}.post-card .card-img-top{object-fit:cover;height:200px}.post-card .card-title{color:#f8fafc}.post-card:hover .card-title{color:var(--accent)}.post-meta{letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;color:var(--accent)!important}.post-excerpt{font-size:.95rem}.badge.post-tag{color:var(--accent);background:#f6c3431f;border:1px solid #f6c34359;padding:.35rem .75rem;font-weight:500}.post{max-width:780px}.post-back{color:var(--text-muted);font-size:.9rem;text-decoration:none}.post-back:hover{color:var(--accent)}.post-header{margin:1.5rem 0 2rem}.post-header h1{margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.2}.post-cover{border-radius:.75rem;width:100%;margin-bottom:2rem}.section-panel .post-body h2{text-transform:none;letter-spacing:normal;margin:2.5rem 0 1rem;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700}.section-panel .post-body p,.post-body li{color:#e2e8f0e6;font-size:1.075rem;line-height:1.8}.post-body li{margin-bottom:.5rem}.post-body a{color:var(--accent)}@media (max-width:576px){.section-panel.post{padding:2rem 1.25rem}}.latest-post{color:#f8fafc;background:#090e1b99;border:1px solid #f6c34359;border-radius:999px;align-items:center;gap:.6rem;max-width:calc(100vw - 3rem);margin-top:.75rem;padding:.35rem 1rem .35rem .35rem;font-size:.9rem;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.latest-post:hover,.latest-post:focus{color:#f8fafc;border-color:var(--accent);background:#f6c3431f}.latest-post-label{background:var(--accent);color:#1a1f36;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:.15rem .6rem;font-size:.7rem;font-weight:700}.latest-post-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.post-figure{text-align:center;max-width:460px;margin:2rem auto 0}.post-figure img{border-radius:.75rem;width:100%}.post-figure figcaption{color:var(--text-muted);margin-top:.75rem;font-size:.9rem}.section-panel .post-body .post-signoff{margin-top:2.5rem;font-weight:500}