@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap");:root{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--text-primary:#0f172a;--text-secondary:#64748b;--accent-primary:#00AEEF;--accent-hover:#009BD6;--accent-glow:rgba(0,174,239,0.2);--success:#00B050;--danger:#ef4444;--warning:#f59e0b;--glass-bg:rgba(255,255,255,0.85);--glass-border:rgba(15,23,42,0.1);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.37);--font-sans:"Montserrat",sans-serif;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent}body{background-color:#ffffff;font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:manipulation}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);border-radius:var(--radius-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn:active{transform:scale(.96);opacity:.9}.btn-primary{background-color:var(--accent-primary);color:white;box-shadow:0 4px 14px 0 rgba(0,174,239,.39)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,174,239,.5)}.btn-success{background-color:var(--success);color:white}.btn-success:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.btn-danger{background-color:var(--danger);color:white}.btn-danger:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.4)}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-field{background-color:rgba(255,255,255,.9);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);transition:all var(--transition-fast);width:100%;-webkit-user-select:auto;user-select:auto}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input-field::placeholder{color:rgba(148,163,184,.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(0,174,239,.7)}70%{box-shadow:0 0 0 15px rgba(0,174,239,0)}to{box-shadow:0 0 0 0 rgba(0,174,239,0)}}.animate-pulse-glow{animation:pulse-glow 2s infinite}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.main-content{padding:1rem 0 6rem;min-height:100vh}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:1.5rem}.nav-item{color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast)}.nav-item:hover{color:var(--text-primary)}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem;padding:.5rem 0}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.95rem}.main-content{padding:1rem 0}h1{font-size:1.75rem!important}h2{font-size:1.5rem}.glass-panel{padding:1.5rem!important}.btn{padding:.6rem 1.2rem;font-size:.95rem}.input-field{font-size:16px;padding:.6rem .8rem}.home-wrapper{gap:1.5rem!important;margin-top:1rem!important}.clock-widget{padding:1.5rem!important}.clock-widget h2{margin-bottom:1rem!important}.clock-btn{width:110px!important;height:110px!important;font-size:.85rem!important;gap:.25rem!important}.clock-btn span{font-size:1.75rem!important}.clock-widget p{margin-top:1rem!important;font-size:.9rem}.nav-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.nav-card{padding:1rem!important}.nav-card div{font-size:1.5rem!important;margin-bottom:.5rem!important}.nav-card h3{font-size:.85rem!important;margin-bottom:0!important}.nav-card p{display:none!important}}.clock-widget{padding:3rem;text-align:center;width:100%;max-width:400px}.clock-btn{width:180px;height:180px;border-radius:50%;font-size:1.35rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;margin:0 auto;transition:all var(--transition-normal)}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:800px}.nav-card{padding:2rem;text-decoration:none;transition:transform .2s;cursor:pointer}.nav-card:active{transform:scale(.97)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(65px + env(safe-area-inset-bottom));background:rgba(255,255,255,.9);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--glass-border);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);z-index:100}.bottom-nav,.bottom-nav-item{display:flex;align-items:center}.bottom-nav-item{flex-direction:column;justify-content:center;flex:1 1;height:100%;color:var(--text-secondary);font-size:.7rem;gap:.2rem;transition:all var(--transition-fast)}.bottom-nav-item:active{transform:scale(.9)}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-icon{font-size:1.4rem}@media (min-width:769px){.bottom-nav{display:none}.main-content{padding-bottom:2rem}}