.app{max-width:900px;margin:0 auto;padding:2rem 1.25rem 3rem;position:relative;overflow:hidden}.bg-hearts{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-heart{font-size:calc(1rem + var(--i) * .25rem);opacity:.35;filter:drop-shadow(0 0 6px #fff9);animation:9s ease-in-out infinite float;animation-delay:calc(var(--i) * -.8s);left:calc((var(--i) * 11.7%) % 100%);top:calc((var(--i) * 17%) % 100%);position:absolute}@keyframes float{0%,to{opacity:.25;transform:translateY(0)rotate(0)}50%{opacity:.45;transform:translateY(-26px)rotate(12deg)}}.header{z-index:1;text-align:center;margin-bottom:2.25rem;animation:.7s cubic-bezier(.34,1.56,.64,1) dropIn;position:relative}@keyframes dropIn{0%{opacity:0;transform:translateY(-24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.header__kitty{filter:drop-shadow(0 4px 10px #5e54ff59);margin-bottom:.5rem;font-size:3rem;animation:2.2s ease-in-out infinite bounce;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(4deg)}}.header__title{background:linear-gradient(90deg,#4895ef,#c9184a,#4895ef) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:clamp(1.5rem,5vw,2.3rem);font-weight:800;animation:6s linear infinite shine}@keyframes shine{to{background-position:200%}}.header__subtitle{color:#4361ee;margin-bottom:1.25rem;font-size:.95rem;font-weight:700}.header__clock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:2px solid #fffc;border-radius:999px;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem 1.8rem;display:inline-flex;box-shadow:0 8px 24px #4895ef33}.header__clock-label{color:#4895ef;font-size:.75rem;font-weight:700}.header__clock-value{color:#c9184a;direction:ltr;font-size:1.3rem;font-weight:800}.exams-grid{z-index:1;flex-direction:column;gap:1.1rem;display:flex;position:relative}.exam-card{-webkit-backdrop-filter:blur(14px);opacity:0;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards cardIn;animation-delay:var(--delay,0s);background:#fff9;border:2px solid #ffffffb3;border-radius:1.5rem;padding:1.25rem 1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;box-shadow:0 8px 26px #4895ef24}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.exam-card:hover{transform:translateY(-6px)scale(1.015);box-shadow:0 16px 34px #4895ef40}.exam-card--light{background:#e2f0ff8c}.exam-card--next{border-color:#c9184a;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards cardIn,2.4s ease-in-out .6s infinite glow;transform:scale(1.02);box-shadow:0 10px 30px #c9184a40}@keyframes glow{0%,to{box-shadow:0 10px 30px #c9184a40}50%{box-shadow:0 10px 40px #c9184a73}}.exam-card--done{filter:saturate(.7);opacity:.6!important}.exam-card__badge{color:#fff;background:linear-gradient(90deg,#c9184a,#ff5d8f);border-radius:999px;padding:.25rem .85rem;font-size:.75rem;font-weight:700;animation:1.6s ease-in-out infinite badgePulse;position:absolute;top:-.8rem;left:1.25rem;box-shadow:0 4px 12px #c9184a59}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.exam-card__header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.exam-card__day{color:#4361ee;background:#4361ee1f;border-radius:999px;padding:.2rem .7rem;font-size:.85rem;font-weight:700}.exam-card__date{color:#888;direction:ltr;font-size:.85rem;font-weight:600}.exam-card__subject-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.exam-card__icon{filter:drop-shadow(0 2px 4px #0000001f);font-size:1.6rem}.exam-card__subject{color:#c9184a;font-size:1.35rem;font-weight:800}.exam-card__time{color:#4895ef;margin-bottom:1rem;font-size:.8rem;font-weight:700}.exam-card__status{text-align:center;color:#888;padding:.5rem;font-size:1.1rem;font-weight:700}.exam-card__countdown{direction:ltr;justify-content:center;align-items:center;gap:.4rem;display:flex}.time-block{background:linear-gradient(135deg,#4895ef,#c9184a);border-radius:.9rem;flex-direction:column;align-items:center;min-width:3.5rem;padding:.5rem .4rem;transition:transform .15s;display:flex;box-shadow:0 4px 12px #4895ef4d}.time-block:hover{transform:translateY(-2px)}.time-block__value{color:#fff;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1}.time-block__label{color:#ffffffe6;margin-top:.15rem;font-size:.65rem;font-weight:600}.time-separator{color:#4895ef;margin-bottom:1rem;font-size:1.5rem;font-weight:800;animation:1.4s step-start infinite blink}@keyframes blink{50%{opacity:.25}}.footer{z-index:1;text-align:center;color:#c9184a;margin-top:2.5rem;font-size:1.1rem;font-weight:700;animation:2.5s ease-in-out infinite bounce;position:relative}@media (width<=480px){.exam-card__countdown{gap:.25rem}.time-block{min-width:2.8rem;padding:.4rem .25rem}.time-block__value{font-size:1.25rem}.time-separator{font-size:1.1rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:#5c2d4a;-webkit-font-smoothing:antialiased;background:linear-gradient(-45deg,#bde0fe,#ffc8dd,#a2d2ff,#ffafcc) 0 0/400% 400%;min-height:100vh;font-family:Cairo,sans-serif;animation:18s infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#root{min-height:100vh}