@tailwind base;@tailwind components;@tailwind utilities;@layer base{html,body,#root{min-height:100%}body{@apply antialiased text-gray-900;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(255,255,255,.14),transparent 42%),linear-gradient(135deg,#6bfae9,#edff47 45%,#fff)}}.bg-forest{background-color:#edff47}.text-primary{color:#444}.text-primary-100{color:#444;--tw-text-opacity: 1}.text-primary-200{color:#444;--tw-text-opacity: .8}.text-primary-300{color:#444;--tw-text-opacity: .7}.clock-page{min-height:100vh;display:grid;place-items:center;padding:24px}.clock-card{position:relative;width:min(92vw,720px);padding:clamp(32px,6vw,64px);border-radius:32px;color:#f8fafc;text-align:center;background:linear-gradient(180deg,#0f172ad1,#0f172a8f),#0f172ab3;border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 80px #0206178c;overflow:hidden}.clock-card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(125,211,252,.24),transparent 68%);filter:blur(12px)}.clock-card:after{content:"";position:absolute;inset:auto -8% -40% auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(251,191,36,.18),transparent 70%);filter:blur(10px)}.clock-kicker{position:relative;margin:0 0 12px;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:#e2e8f0b8}.clock-time{position:relative;margin:0;font-size:clamp(3.4rem,11vw,7rem);line-height:.95;font-weight:700;letter-spacing:-.05em;text-shadow:0 0 32px rgba(125,211,252,.18)}.clock-date{position:relative;margin:18px 0 0;font-size:clamp(1rem,2.4vw,1.2rem);color:#e2e8f0d1}.clock-orbit{position:relative;width:100%;height:56px;margin-top:28px}.clock-orbit-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:999px;background:linear-gradient(135deg,#7dd3fc,#fbbf24);box-shadow:0 0 24px #7dd3fc73;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.86);opacity:.78}50%{transform:scale(1.18);opacity:1}}
