body{background-color:#FEEBF6;color:#524354;background-image:radial-gradient(#E498CD .8px,transparent .8px),radial-gradient(#C6B5F0 .8px,#FEEBF6 .8px);background-size:32px 32px;background-position:0 0,16px 16px;overflow-x:hidden;scroll-padding-top:70px}
html{scroll-behavior:smooth}
#pixieCanvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:99}
.pixel-card{background:#FFFDFE;border:2px solid #E498CD;box-shadow:4px 4px 0 #C6B5F0;border-radius:14px;transition:transform .25s,box-shadow .25s}
.pixel-card.hover-lift:hover{box-shadow:6px 6px 0 #F4B8E4;transform:translateY(-3px)}
.pixel-btn-sm{background:#FFFDFE;border:2px solid #E498CD;box-shadow:2px 2px 0 #C6B5F0;border-radius:8px;font-size:10px;padding:6px 10px;transition:all .15s;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#524354}
.pixel-btn-sm:hover{background:#F4B8E4;box-shadow:3px 3px 0 #524354;transform:translate(-1px,-1px)}
.pixel-btn-sm:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #524354}
.about-btn-special{background:linear-gradient(135deg,#F4B8E4,#EBE4FF);border:2px solid #524354;border-radius:10px;animation:gentleGlow 3s infinite alternate;cursor:pointer}
.about-btn-special:hover{transform:scale(1.03)}
@keyframes gentleGlow{0%{box-shadow:3px 3px 0 #524354,0 0 8px rgba(244,184,228,.4)}100%{box-shadow:3px 3px 0 #524354,0 0 16px rgba(198,181,240,.8)}}
@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.animate-float{animation:floatSlow 4s ease-in-out infinite}
.chip{background:#FEEBF6;border:1px solid #E498CD;border-radius:6px;padding:2px 7px;font-family:'Press Start 2P',monospace;font-size:8px;color:#524354;line-height:1.6}
.section-title{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.section-title h2{font-family:'Press Start 2P',monospace;font-size:13px;color:#524354}
.section-title .line{flex:1;height:2px;background:repeating-linear-gradient(90deg,#E498CD 0 6px,transparent 6px 12px);opacity:.6}
.logo-box{background:#fff;border:2px solid #E498CD;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.logo-box img{width:100%;height:100%;object-fit:contain;padding:4px}
.modal-overlay{transition:opacity .3s,visibility .3s}
.modal-overlay.hidden-modal{opacity:0;visibility:hidden;pointer-events:none}
.modal-content{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s}
.modal-overlay.hidden-modal .modal-content{transform:scale(.9) translateY(20px);opacity:0}
.cert-img{aspect-ratio:4/3;background:#EBE4FF;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:2px solid #E498CD;border-radius:12px 12px 0 0}
.cert-img img{width:100%;height:100%;object-fit:cover}
.nav-scroll{scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#FEEBF6}::-webkit-scrollbar-thumb{background:#F4B8E4;border-radius:4px}
@media (prefers-reduced-motion:reduce){.animate-float,.about-btn-special{animation:none}}