body{margin:0 auto;}
*{ box-sizing:border-box; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
#aplicatiatabelele { margin:0; min-height:100vh; background: radial-gradient(circle at top, #0b1026, #050714); color: #e8ecff; padding:3rem 2em 3em;}
#aplicatiatabelele h1{ text-align:center; font-weight:600; letter-spacing:0.04em; margin-bottom:2rem; }
.iswrapper{margin:auto; display:flex;flex-direction:row;  gap:1.5rem; }
.iswrapper .card{flex:1; background: rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.15); border-radius:18px; padding:1.2rem; backdrop-filter: blur(6px); } .card-header{ display:flex; align-items:center; gap:0.75rem; margin-bottom:1rem; } .card-header img{ width:42px; height:42px; } .card-header h2{ font-size:1.2rem!important; margin:0; font-weight:500; color:#9cc4ff; }
.istbl table{ width:100%; border-collapse:collapse; }.istbl th,.istbl td{ padding:0.55rem 0.4rem; font-size:0.9rem;width:100%;}
.istbl th{ text-align:left; font-weight:500; color:#b7c8ff; border-bottom:1px solid rgba(255,255,255,0.15); }
.istbl td{ border-bottom:1px dashed rgba(255,255,255,0.08); }
.istbl tr:last-child td{ border-bottom:none; }
.istbl .date{ white-space:nowrap; opacity:0.9; }
.istbl .time{ opacity:0.75; font-size:0.85rem; }
.special-moons{ margin:3rem auto 0; display:flex; gap:1.2rem; flex-display:column;}
 .moon-box{ flex:1;background: rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); border-radius:16px; padding:1.2rem; position:relative; overflow:hidden; }
 .moon-box::before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at top right, rgba(156,196,255,0.15), transparent 60%); pointer-events:none; }
 .moon-box h3{ margin:0 0 0.4rem; font-weight:500; color:#cfe0ff; }
 .moon-box .date{ font-size:0.85rem; opacity:0.75; margin-bottom:0.6rem; } .moon-box p{ font-size:0.9rem; line-height:1.45; opacity:0.9; } .ritual-btn{ display:inline-block; margin-top:0.9rem; padding:0.45rem 0.9rem; border-radius:999px; font-size:0.85rem; text-decoration:none; color:#0b1026; background:linear-gradient(135deg,#9cc4ff,#e8ecff); transition:transform .2s ease, box-shadow .2s ease; } .ritual-btn:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(156,196,255,0.35); }
@media only screen and (min-width: 200px) and (max-width: 1100px){ .iswrapper, .special-moons{display:block; width:100%;height:auto;margin:0  auto; }
.moon-box{display:block;min-width:200px;max-width:100%;background: rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); border-radius:16px; padding:1.2rem;margin:10px auto 12px auto}
.iswrapper .card{display:block;width:100%; background: rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.15); border-radius:18px; padding:0  1.2rem 1.2rem; backdrop-filter: blur(6px);margin:20px auto 22px auto;}
.iswrapper .card-header{ display:block; text-align:center;margin-bottom:0 auto 12px auto; }
.iswrapper .card-header img{display:block; width:42px; height:42px; margin:20px auto 10px auto;}
.iswrapper .card-header h2{ font-size:1.2rem;!important margin:0; font-weight:500; color:#9cc4ff; text-align:center;}
.istbl table{ width:100%; border-collapse:collapse; }.istbl th,.istbl td{ padding:0.55rem 0.4rem; font-size:0.9rem;width:100%;}
.istbl th{ width:100%; text-align:left; font-weight:500; color:#b7c8ff; border-bottom:1px solid rgba(255,255,255,0.15); }
.istbl td{ width:100%; border-bottom:1px dashed rgba(255,255,255,0.08); }
.istbl tr:last-child td{ border-bottom:none; }
.istbl .date{ white-space:nowrap; opacity:0.9; }
.istbl .time{ opacity:0.75; font-size:0.85rem; }}
.istbl tr:hover{background-color:rgba(204,102,255,.6);}
.moon-box img{display:block;margin: 0 auto 10px auto;}.iscontainer{display:block;margin:30px auto 33px auto;text-align:center;}