@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&display=swap";:root{--font-sans:"Pretendard", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#10b981;--primary-hover:#059669;--secondary:#3b82f6;--bg-app:#f6f7f9;--bg-card:#fff;--bg-hover:#f0f2f4;--border-light:#e2e4e9;--border-color:#d3d7de;--border-strong:#b6bcc9;--border-input:#a7afbe;--text-main:#141f38;--text-muted:#626d84;--text-light:#98a1b3;--text-white:#fff;--accent-success:#157f3c;--accent-success-bg:#157f3c1a;--accent-danger:#ce1212;--accent-danger-bg:#ce12121a;--shadow-card:0 2px 8px #0000000a, 0 1px 2px #00000005;--shadow-hover:0 8px 24px #00000014, 0 2px 8px #0000000a;--shadow-header:0 1px 0 #0000000d;--shadow-nav:0 -1px 0 #0000000d, 0 -4px 16px #00000008;--radius-sm:8px;--radius-md:24px;--radius-lg:32px;--radius-full:9999px;--transition-smooth:all .2s ease-in-out;--transition-bounce:all .3s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e5e7eb;min-height:100vh;line-height:1.5;overflow-x:hidden}#root{background:var(--bg-app);flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 24px #00000014}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-main);font-weight:700}a{color:var(--primary);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--primary-hover)}.card-solid{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:var(--transition-smooth)}.squircle{border-radius:28px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #00000008}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--border-strong)!important}.hover-lift:active{transform:translateY(0);border-color:var(--border-strong)!important}.hover-lift-no-border{transition:var(--transition-smooth)}.hover-lift-no-border:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.hover-lift-no-border:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}button,a{-webkit-tap-highlight-color:transparent;outline:none!important}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary);color:var(--text-white)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{color:var(--primary);background:#7857ff1a}.form-input,.form-textarea{box-sizing:border-box;border-radius:var(--radius-md);background:var(--bg-app);border:2px solid var(--border-light);width:100%;min-width:0;max-width:100%;color:var(--text-main);transition:var(--transition-smooth);font-family:var(--font-sans);padding:14px 16px}.form-textarea{resize:vertical}.form-input:focus,.form-textarea:focus{background:var(--bg-card);border-color:#10b981;outline:none}.form-group{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.form-label{color:var(--text-main);font-size:.9rem;font-weight:600}.neon-input{width:100%;font-family:var(--font-sans);background:var(--bg-app);color:var(--text-main);box-sizing:border-box;border-radius:16px;padding:14px 16px;font-size:1rem;transition:all .2s;border:2px solid var(--border-input)!important}.neon-input:focus{outline:none;background:var(--bg-card)!important;border-color:#10b981!important}.neon-input-container{box-sizing:border-box;transition:all .2s;border:2px solid var(--border-input)!important;border-radius:24px!important}.neon-input-container:focus-within{outline:none;border-color:#10b981!important}.service-icon-btn,.clickable-item,.hover-lift{transition:all .2s;outline:none!important}.service-icon-btn{border-radius:24px!important}.service-icon-btn:active,.service-icon-btn:focus,.clickable-item:active,.clickable-item:focus{transform:translateY(-1px)scale(.98);border-color:var(--border-strong)!important;box-shadow:0 0 0 4px #9ca3af26!important}.hover-glow-gray{transition:all .3s}.hover-glow-gray:hover,.hover-glow-gray:active{transform:translateY(-1px);border-color:#9ca3afcc!important;box-shadow:0 0 15px #9ca3af80,inset 0 0 5px #9ca3af1a!important}@keyframes neon-breathe{0%,to{border-color:#10b98166;box-shadow:0 0 5px #10b98133,inset 0 0 5px #10b9811a}50%{border-color:#10b981cc;box-shadow:0 0 15px #10b98199,inset 0 0 10px #10b98133}}.neon-logo-box{animation:3s ease-in-out infinite neon-breathe}.neon-logo-text{text-shadow:0 0 10px #10b9814d}.nav-item{background:var(--bg-card);border:2px solid #10b98180;border-radius:16px;margin:0 4px;transition:all .2s;animation:3s ease-in-out infinite neon-breathe;box-shadow:0 2px 6px #10b9810f}.nav-item.active{transform:scale(.96)}.list-item-btn{border:2px solid #0000;border-radius:16px;transition:all .2s}.list-item-btn:active{background:var(--bg-hover);transform:scale(.98);border-color:#10b981!important}.hide-on-mobile{display:none!important}.logo-text{letter-spacing:-.02em;font-family:Fredoka,sans-serif}input,textarea{min-width:0;max-width:100%}*{word-break:break-word;overflow-wrap:break-word}@keyframes soft-glow{0%,to{border-color:#10b98180;box-shadow:0 0 5px #10b98133,inset 0 0 5px #10b9811a}50%{border-color:#10b981;box-shadow:0 0 15px #10b98199,inset 0 0 10px #10b98133}}.animate-pulse-border,.selected-student-card{border-color:#10b981!important;animation:2s ease-in-out infinite soft-glow!important}.home-back-btn{border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:8px;display:flex}@keyframes pulse-border-gray{0%{border-color:#9ca3af33;box-shadow:0 0 #9ca3af00}50%{border-color:#9ca3af99;box-shadow:0 0 10px #9ca3af33}to{border-color:#9ca3af33;box-shadow:0 0 #9ca3af00}}.pulse-border-gray{animation:2.5s infinite pulse-border-gray}@media (width>=481px){.bottom-nav-container{border:1px solid var(--border-color)!important;border-top:1px solid var(--border-color)!important;border-radius:24px!important;width:calc(100% - 32px)!important;max-width:448px!important;bottom:24px!important;box-shadow:0 8px 24px #0000001f!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeUp}.schedule-input{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);transition:var(--transition-smooth);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.95rem}.schedule-input:focus{outline:none;box-shadow:none!important;border:2px solid #10b981!important}
