/* Siddhi Parkar portfolio · shared styles. Layout styles live inline in each page. */
html{scroll-behavior:smooth}
body{margin:0;background:#0d0d0c;color:#f3f2ee;font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#f3f2ee;text-decoration:none}
a:hover{color:#fff}
::selection{background:oklch(0.8 0.12 265);color:#0d0d0c}
strong{color:#fff;font-weight:500}
body.page-medeasy ::selection{background:#3BD6D6;color:#0d0d0c}
body.page-aces ::selection{background:#F5B800;color:#0d0d0c}
img,video{max-width:100%}
.contents{display:contents}
[hidden]{display:none !important}

/* Responsive visibility (replaces runtime width checks) */
.bp900-up,.bp1000-up{display:contents}
.bp900-down{display:none}
@media (max-width:899.98px){.bp900-up{display:none}.bp900-down{display:contents}}
@media (max-width:999.98px){.bp1000-up{display:none}}

/* Animations */
@keyframes pulse{0%{box-shadow:0 0 0 0 oklch(0.75 0.15 150 / .5)}70%{box-shadow:0 0 0 8px oklch(0.75 0.15 150 / 0)}100%{box-shadow:0 0 0 0 oklch(0.75 0.15 150 / 0)}}
@keyframes botBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes botFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes botPulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.8);opacity:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* Hover / active / focus interactions */
.fx1:hover{border-color:rgba(255,255,255,.22) !important}
.fx2:hover{background:rgba(255,255,255,.07) !important;color:#fff !important}
.fx3:hover{border-color:rgba(255,255,255,.25) !important}
.fx4:hover{background:oklch(0.8 0.12 265) !important;color:#0d0d0c !important;transform:translateY(-1px) !important}
.fx5:hover{transform:rotate(0deg) scale(1.06) !important;box-shadow:0 14px 26px -10px rgba(0,0,0,.55) !important;color:#1d1d1b !important}
.fx6:hover{transform:rotate(-1deg) translateY(-6px) !important}
.fx7:hover{transform:rotate(1.5deg) translateY(-6px) !important}
.fx8:hover{border-color:rgba(255,255,255,.2) !important}
.fx9:hover{border-color:oklch(0.8 0.12 265 / .6) !important;color:#fff !important}
.fx10:hover{border-color:oklch(0.8 0.12 265 / .5) !important;transform:translateY(-4px) !important}
.fx11:hover{border-color:rgba(255,255,255,.22) !important;transform:translateY(-4px) !important}
.fx12:hover{border-color:rgba(255,255,255,.3) !important;transform:translateY(-2px) !important}
.fx13:hover{background:#161615 !important}
.fx14:hover{border-color:rgba(255,255,255,.22) !important;transform:translateY(-3px) !important}
.fx15:hover{color:oklch(0.8 0.12 265) !important;border-color:oklch(0.8 0.12 265) !important}
.fx16:hover{color:#fff !important}
.fx17:hover{border-color:rgba(255,255,255,.25) !important;transform:translateX(-2px) !important}
.fx18:hover{color:#fff !important;background:rgba(255,255,255,.05) !important}
.fx19:hover{background:#3BD6D6 !important;color:#0d0d0c !important;transform:translateY(-1px) !important}
.fx20:hover{transform:translateY(-8px) !important}
.fx21:hover{color:#3BD6D6 !important;border-color:#3BD6D6 !important}
.fx22:hover{border-color:rgba(59,214,214,.5) !important;transform:translateY(-4px) !important}
.fx23:hover{background:#F5B800 !important;color:#0d0d0c !important;transform:translateY(-1px) !important}
.fx24:hover{border-color:rgba(245,184,0,.5) !important;transform:translateY(-4px) !important}