@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary-accent:#05f;--secondary-accent:#003bd3;--bg-main:#f5f5f7;--panel-bg:#ffffffe6;--panel-border:#0000000d;--text-primary:#111;--text-secondary:#666}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.bg-blobs{z-index:-1;background:radial-gradient(circle at 15%,#0055ff0d,#0000 40%),radial-gradient(circle at 85% 30%,#003bd308,#0000 40%);position:fixed;inset:0;overflow:hidden}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:24px;padding:2rem;box-shadow:0 10px 40px -10px #00000014}.rank-analysis-scroll{scrollbar-width:thin;scrollbar-color:var(--primary-accent) #e2e8f0;-webkit-overflow-scrolling:touch;overflow:auto hidden}.rank-analysis-scroll::-webkit-scrollbar{-webkit-appearance:none;height:10px}.rank-analysis-scroll::-webkit-scrollbar-track{background:#eef2f7;border-radius:999px}.rank-analysis-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#60a5fa 0%,#2563eb 100%);border:2px solid #eef2f7;border-radius:999px}.rank-analysis-scroll::-webkit-scrollbar-thumb:hover{background:var(--secondary-accent)}.scroll-hint{pointer-events:none;background:linear-gradient(90deg,#f5f5f700 0%,#f5f5f7d9 70%);border-radius:0 24px 24px 0;justify-content:flex-end;align-items:flex-start;width:72px;padding-top:.85rem;padding-right:8px;display:flex;position:absolute;top:0;bottom:0;right:0}.scroll-hint-arrow{background:var(--primary-accent);color:#fff;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .55rem;display:inline-flex;box-shadow:0 6px 16px -4px #0055ff80}.scroll-hint-label{letter-spacing:.02em;font-size:.7rem;font-weight:700}.scroll-hint-chevron{font-size:.95rem;font-weight:800;line-height:1}@media (width<=640px){.scroll-hint{border-radius:0 16px 16px 0}.title{font-size:clamp(1.5rem,6vw,2.1rem)}.subtitle{margin-bottom:1.25rem;font-size:.95rem}.glass-panel{border-radius:18px;padding:1.15rem}.rank-analysis-scroll{border-radius:16px;padding:0;overflow:auto hidden}.rank-analysis-table{border:1px solid var(--panel-border)}.rank-analysis-table th,.rank-analysis-table td{border-right:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border)}.rank-analysis-table th:last-child,.rank-analysis-table td:last-child{border-right:none}}.title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.input-field{width:100%;color:var(--text-primary);background:#fff;border:1px solid #0000001a;border-radius:12px;margin-bottom:1rem;padding:1rem 1.2rem;font-family:Outfit,sans-serif;font-size:1rem;transition:border-color .3s,box-shadow .3s}.input-field:focus{border-color:var(--primary-accent);outline:none;box-shadow:0 0 0 3px #0055ff1a}.btn-primary{background:var(--primary-accent);color:#fff;cursor:pointer;border:none;border-radius:100px;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;transition:transform .2s,background .2s}.btn-primary:hover{background:var(--secondary-accent);transform:translateY(-2px)}.btn-secondary{border:2px solid var(--primary-accent);width:100%;color:var(--primary-accent);cursor:pointer;background:0 0;border-radius:100px;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#0055ff0d}nav{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#f5f5f7cc;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:sticky;top:0}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--primary-accent)}.profile-container{width:150px;height:150px;margin:0 auto;position:relative}.profile-bg-image{object-fit:cover;z-index:0;opacity:.8;filter:blur(4px);border:4px solid var(--primary-accent);border-radius:50%;width:100%;height:100%;animation:3s infinite pulse;position:absolute;inset:0}.profile-avatar{z-index:1;color:var(--primary-accent);background:#fff;border:2px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:800;display:flex;position:absolute;inset:10px;box-shadow:0 4px 10px #0000001a}@keyframes pulse{0%{box-shadow:0 0 #05f3}70%{box-shadow:0 0 0 20px #05f0}to{box-shadow:0 0 #05f0}}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.card{border:1px solid var(--panel-border);background:#fff;border-radius:20px;padding:1.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.card-image{object-fit:cover;border-radius:12px;width:100%;height:150px;margin-bottom:1rem}.badge{color:var(--primary-accent);background:#0055ff1a;border-radius:20px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.training-card{cursor:pointer}label:has(+input[required]):after{content:" *";color:#ef4444;margin-left:.15rem;font-weight:900}label:has(+select[required]):after{content:" *";color:#ef4444;margin-left:.15rem;font-weight:900}label:has(+textarea[required]):after{content:" *";color:#ef4444;margin-left:.15rem;font-weight:900}.app-loader{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;width:100%;padding:2rem;display:flex}.app-loader-spinner{border:4px solid #0000000f;border-top-color:var(--loader-accent,#05f);border-radius:999px;width:42px;height:42px;animation:.85s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}