*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;}
body{background:#0b0b0b;color:#fff;display:flex;flex-direction:column;align-items:center;min-height:100vh;}
/* Header + Logo */
.header{text-align:center;margin-top:18px;}
.logo-block{display:flex;flex-direction:column;align-items:center;}
.eiia-emblem{width:220px;max-width:82%;height:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));}
.title{margin-top:10px;font-size:2.2rem;letter-spacing:.15rem;color:#d11;}

/* Calendar */
.calendar{margin-top:26px;text-align:center;}
.calendar h2{color:#cfcfcf;font-size:1.05rem;}
.calendar .day{margin-top:4px;font-size:.95rem;color:#5aa4ff;}
.week{display:flex;justify-content:center;margin-top:8px;gap:8px;}
.week span{padding:4px 6px;color:#ffffff;font-size:.85rem;border-radius:4px;background:#101010;border:1px solid #1d1d1d;}
.week .today{color:#5aa4ff;border:1px solid #2b5fa8;}

/* Tabs */
.tabs{display:flex;justify-content:center;margin:18px 0;gap:14px;}
.tabs span{padding:6px 10px;border-radius:6px;cursor:default;color:#9a9a9a;background:#0f0f0f;border:1px solid #1e1e1e;font-size:.9rem;}
.tabs .active{color:#5aa4ff;border-color:#2b5fa8;}

/* Tasks */
.tasks{width:90%;max-width:420px;background:#111;border:1px solid #222;border-radius:12px;padding:14px;margin-top:6px;}
.task{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px solid #1e1e1e;}
.task:last-child{border-bottom:none;}
.task-title{color:#fff;font-size:.96rem;}
.task-time{color:#9a9a9a;font-size:.86rem;}

/* Clock button */
footer{margin-top:auto;margin-bottom:26px;}
.clock-btn{background:#111;border:1px solid #5aa4ff;color:#5aa4ff;border-radius:28px;padding:12px 32px;font-size:1.1rem;}
@media (max-width:420px){
  .eiia-emblem{width:200px;}
  .title{font-size:2rem;}
}