:root{--p:#5b8def;--pd:#385f9f;--s:#ffbd73;--g:#69c9a3;--bg:#f6faff;--c:#fff;--t:#253541;--m:#667d8a;--d:#de6d6d;--l:#dfeaf3;--sh:0 12px 35px rgba(57,91,124,.14);--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Trebuchet MS",Arial,sans-serif;color:var(--t);background:radial-gradient(circle at 10% 0,#e8f1ff 0,transparent 32%),radial-gradient(circle at 100% 90%,#fff1df 0,transparent 32%),var(--bg);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.container{width:min(1160px,94%);margin:22px auto 42px}.center-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.card{background:rgba(255,255,255,.97);border:1px solid #e5eef6;border-radius:var(--r);box-shadow:var(--sh);padding:25px}.login-card{width:min(540px,100%)}.logo{width:90px;height:90px;border-radius:28px;margin:0 auto 14px;display:grid;place-items:center;font-size:44px;color:#fff;background:linear-gradient(135deg,var(--p),#91b6ff);box-shadow:0 12px 25px rgba(91,141,239,.28)}h1,h2,h3{color:var(--pd)}h1{text-align:center;margin:8px 0}.lead{text-align:center;color:var(--m);line-height:1.6}.form-group{margin:15px 0}label{display:block;font-weight:800;color:#3d5870;margin-bottom:7px}input,select{width:100%;padding:13px 14px;border:2px solid #dce8f2;border-radius:14px;background:#fbfdff;outline:none}input:focus,select:focus{border-color:var(--p);box-shadow:0 0 0 4px rgba(91,141,239,.12)}.btn{border:0;border-radius:14px;padding:12px 17px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--p),#7da4f2);color:#fff}.btn-secondary{background:#ffe3bf;color:#754719}.btn-success{background:linear-gradient(135deg,#49b98d,#78d3b0);color:#fff}.btn-light{background:#edf4ff;color:#3f6080}.full{width:100%}.topbar{position:sticky;top:10px;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:20px;box-shadow:var(--sh);display:flex;justify-content:space-between;align-items:center;padding:13px 17px;gap:14px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;color:var(--pd)}.brand-icon{width:45px;height:45px;border-radius:14px;background:#e9f1ff;display:grid;place-items:center;font-size:25px}.userbox{text-align:right;font-weight:800}.small{font-size:13px;color:var(--m)}.nav{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:17px 0}.nav button{border:0;border-radius:15px;background:#fff;padding:12px 8px;color:#526979;font-weight:900;box-shadow:0 5px 16px rgba(65,94,118,.09)}.nav button.active{background:linear-gradient(135deg,var(--p),#91b6ff);color:#fff}.hero{text-align:center;padding:34px 22px;border-radius:27px;background:linear-gradient(135deg,#edf5ff,#fff4e6);box-shadow:var(--sh)}.hero p{max-width:720px;margin:0 auto;color:var(--m);line-height:1.65}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature,.note,.stat{background:#fbfdff;border:1px solid var(--l);border-radius:18px;padding:18px}.section{margin-top:18px}.section h2{margin-top:0}.note p,.note li{line-height:1.6;color:#526a78}.practice{text-align:center}.note-display{font-size:48px;font-weight:900;color:var(--pd);margin:15px}.recorder{width:225px;margin:18px auto;padding:20px;border-radius:23px;background:linear-gradient(#fffdf9,#f5e5c9);border:2px solid #e6cfaa}.holes{display:flex;flex-direction:column;align-items:center;gap:11px;margin:15px}.hole{width:29px;height:29px;border-radius:50%;border:3px solid #7c6041;background:#fff}.hole.closed{background:#674b2f}.feedback{min-height:31px;font-weight:900;margin:10px}.question{background:#fcfeff;border:1px solid var(--l);border-radius:18px;padding:17px;margin:14px 0}.question h3{font-size:18px;margin-top:0}.option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:8px 0;background:#fff;border:1px solid #e6edf3;border-radius:12px}.option:hover{background:#f2f7ff}.option input{width:auto;margin-top:3px}.scorebox{text-align:center;background:linear-gradient(135deg,#edf6ff,#effff8);border:2px dashed #9dc3e8;border-radius:22px;padding:25px}.scorebig{font-size:65px;font-weight:900;color:var(--pd)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:13px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:12px;border-bottom:1px solid #e1eaf2;text-align:left}th{background:#edf4ff;color:#3e5d78}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{text-align:center}.kpi strong{display:block;font-size:31px;color:var(--pd)}.bar-row{margin:12px 0}.bar-label{display:flex;justify-content:space-between;font-size:14px;font-weight:800;margin-bottom:5px}.bar{height:14px;border-radius:8px;background:#e8eef4;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--p),var(--g));border-radius:8px}.notice{padding:14px;border-radius:14px;background:#fff7df;border:1px solid #f2d892;color:#715b20}.error{color:#c74f4f}.success{color:#2f916d}@media(max-width:850px){.grid,.kpis{grid-template-columns:1fr 1fr}.nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid,.kpis{grid-template-columns:1fr}.topbar{align-items:flex-start}.userbox{font-size:12px}.container{width:95%}}