*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top,#0b1220,#05080f 60%,#020409);color:#e6eaf0}.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#080e19f2,#080e19d9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 32px;border-bottom:1px solid rgba(255,255,255,.06)}.logo-section{display:flex;align-items:center;height:100%}.logo-link{display:flex;align-items:center;gap:12px;height:100%;text-decoration:none;transition:transform .2s ease}.logo-link:hover{transform:translateY(-1px)}.logo-link:hover .brand-name{background:linear-gradient(135deg,#fff,#5cc6ff,#33b4ff);background-clip:text;-webkit-background-clip:text}.brand-text{display:flex;flex-direction:column;gap:4px;line-height:1}.brand-name{font-size:1.6rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#33b4ff,#1e90ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;text-transform:uppercase}.brand-tagline{font-size:.7rem;font-weight:500;margin:0;color:#8a9aad;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:20px}.client-login{font-size:.95rem;font-weight:500;color:#33b4ff;text-decoration:none;transition:color .2s ease;border:1px solid rgba(51,180,255,.3);padding:8px 16px;border-radius:6px}.client-login:hover{color:#5cc6ff;border-color:#5cc6ff80}.owner-signup{font-size:.95rem;font-weight:500;color:#e6eaf0;background:linear-gradient(135deg,#2fb6ff,#1e90ff);padding:8px 16px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.owner-signup:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2fb6ff4d}.hero{padding:90px 40px 60px;max-width:1200px}.hero-inner{display:flex;flex-direction:column}.hero h1{font-size:clamp(3rem,6vw,4.2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 16px;line-height:1.1}.hero-tagline{max-width:520px;color:#b6c2d1;margin:0 0 28px;line-height:1.6;font-size:1.1rem}.button{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer;font-size:1rem}.button.primary{background:linear-gradient(135deg,#2fb6ff,#1e90ff);color:#041018;box-shadow:0 8px 24px #2fb6ff40;width:fit-content}.button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #2fb6ff59}.services{padding:80px 40px;max-width:1200px;margin:0 auto}.services.section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.service-block{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:32px;border-radius:12px;transition:all .3s ease}.service-block:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-4px)}.service-block h3{margin:0 0 12px;font-size:1.25rem;font-weight:700;color:#e6eaf0}.service-block p{margin:0;color:#9fb0c4;line-height:1.6}.cta{text-align:center;padding:100px 40px;border-top:1px solid rgba(255,255,255,.06)}.cta h2{margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.1;letter-spacing:-.01em}.cta-subtitle{font-size:1.1rem;color:#b6c2d1;margin-bottom:32px;line-height:1.6}.contact-section{padding:100px 40px;max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.06)}.contact-container{max-width:700px;margin:0 auto}.contact-header{text-align:center;margin-bottom:50px}.contact-header h2{font-size:2.5rem;font-weight:800;margin-bottom:16px;letter-spacing:-.01em}.contact-header p{font-size:1.1rem;color:#b6c2d1;margin:0;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#e6eaf0;font-size:.95rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#e6eaf0;padding:12px 16px;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;outline:none}.input:focus{background:#ffffff0d;border-color:#33b4ff80;box-shadow:0 0 0 3px #33b4ff1a}.input:disabled{opacity:.5;cursor:not-allowed}.input.error{border-color:#ff646480;background:#ff64640d}.input.error:focus{box-shadow:0 0 0 3px #ff64641a}.error-message{font-size:.85rem;color:#ff6464;font-weight:500}textarea.input{resize:vertical;min-height:120px;font-family:inherit}.submit-btn{margin-top:20px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(4,16,24,.2);border-top-color:#041018cc;border-radius:50%;animation:spin .6s linear infinite}.success-message{background:#64c8641a;border:1px solid rgba(100,200,100,.3);color:#64c864;padding:12px 16px;border-radius:6px;text-align:center;font-weight:500}.error-message-box{background:#ff64641a;border:1px solid rgba(255,100,100,.3);color:#ff6464;padding:12px 16px;border-radius:6px;text-align:center;font-weight:500}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:linear-gradient(135deg,#0b1220f2,#05080ff2);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;max-width:500px;width:90%;position:relative;box-shadow:0 25px 50px #00000080}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#b6c2d1;font-size:24px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:#e6eaf0}.modal h2{font-size:1.75rem;font-weight:800;margin:0 0 8px;letter-spacing:-.01em}.modal-subtitle{color:#b6c2d1;margin:0 0 30px;font-size:.95rem;line-height:1.6}.login-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.modal-footer{text-align:center;margin:0;font-size:.9rem;color:#b6c2d1}.modal-footer a{color:#33b4ff;text-decoration:none;transition:color .2s ease}.modal-footer a:hover{color:#5cc6ff}.link-button{background:none;border:none;color:#33b4ff;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:none;transition:color .2s ease}.link-button:hover{color:#5cc6ff}.success-message-box{background:#64c8641a;border:1px solid rgba(100,200,100,.3);color:#64c864;padding:12px 16px;border-radius:6px;text-align:center;font-weight:500}.dashboard-tabs{display:flex;gap:12px;margin:24px 0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:0}.client-info-card{background:linear-gradient(135deg,#33b4ff14,#1e90ff0a);border:1px solid rgba(51,180,255,.15);border-radius:12px;padding:24px;margin-bottom:24px}.client-info-card h2{margin:0 0 20px;font-size:1.25rem;color:#33b4ff}.workout-duration{background:#33b4ff26;color:#33b4ff;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:600}.footer{background:linear-gradient(180deg,#080e1980,#05080fe6);border-top:1px solid rgba(255,255,255,.06);padding:60px 40px 30px;margin-top:80px}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{font-size:1.5rem;font-weight:800;margin:0 0 12px}.footer-section h4{font-size:1rem;font-weight:700;margin:0 0 16px;color:#e6eaf0}.footer-section p{margin:0 0 12px;color:#b6c2d1;line-height:1.6;font-size:.95rem}.footer-section p:last-child{margin-bottom:0}.tagline{font-size:.9rem;color:#9fb0c4}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#b6c2d1;text-decoration:none;transition:color .2s ease;font-size:.95rem}.footer-links a:hover{color:#33b4ff}.footer-email{color:#33b4ff;text-decoration:none;transition:color .2s ease}.footer-email:hover{color:#5cc6ff}.social-links{display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#33b4ff1a;border:1px solid rgba(51,180,255,.2);border-radius:8px;color:#33b4ff;text-decoration:none;transition:all .2s ease;font-size:1.2rem}.social-link:hover{background:#33b4ff33;border-color:#33b4ff66;transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:30px;text-align:center;color:#9fb0c4;font-size:.9rem;margin:0}.logo-link{display:flex;align-items:center;height:100%;transition:opacity .2s ease}.logo-link:hover{opacity:.8}@media (max-width: 768px){.header-inner{padding:0 16px}.hero{padding:60px 20px 40px}.hero h1{font-size:clamp(2rem,5vw,3rem)}.services,.contact-section{padding:60px 20px}.contact-header h2{font-size:1.75rem}.form-row{grid-template-columns:1fr}.cta{padding:60px 20px}.cta h2{font-size:1.75rem}.modal{padding:32px 24px;width:95%}.footer-content{grid-template-columns:1fr;gap:30px}.footer{padding:40px 20px 20px}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.spinner{width:40px;height:40px;border:3px solid rgba(51,180,255,.2);border-top-color:#33b4ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{min-height:100vh;padding:40px 32px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-header-content h1{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(135deg,#33b4ff,#2fb6ff,#1e90ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.coach-welcome{font-size:1rem;color:#a0a9b8;margin:0}.btn-logout{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e6eaf0;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .3s ease}.btn-logout:hover{background:#33b4ff1a;border-color:#33b4ff;color:#33b4ff}.dashboard-content{display:grid;grid-template-columns:1fr;gap:40px}.clients-section h2{font-size:1.5rem;margin:0 0 30px;color:#e6eaf0}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.client-card{background:linear-gradient(135deg,#33b4ff14,#1e90ff0a);border:1px solid rgba(51,180,255,.15);border-radius:12px;padding:24px;transition:all .3s ease;cursor:pointer}.client-card:hover{background:linear-gradient(135deg,#33b4ff1f,#1e90ff14);border-color:#33b4ff4d;transform:translateY(-4px)}.client-card h3{font-size:1.25rem;margin:0 0 8px;color:#e6eaf0}.client-email,.client-phone{font-size:.9rem;color:#a0a9b8;margin:4px 0}.client-goal{font-size:.95rem;color:#33b4ff;margin:12px 0 4px}.client-date{font-size:.85rem;color:#808a98;margin:4px 0 16px}.client-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.btn-view{flex:1;padding:10px 16px;background:linear-gradient(135deg,#33b4ff,#2fb6ff);border:none;color:#0b1220;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-view:hover{transform:translateY(-2px);box-shadow:0 8px 24px #33b4ff4d}.loading{text-align:center;padding:60px 20px;color:#a0a9b8;font-size:1.1rem}.error-message{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:12px;padding:24px;text-align:center}.error-message p{margin:0 0 12px;color:#ff3b30}.error-hint{font-size:.9rem;color:#a0a9b8;margin:0}.empty-state{text-align:center;padding:60px 20px}.empty-state p{margin:0 0 12px;font-size:1.1rem;color:#e6eaf0}.empty-hint{font-size:.9rem;color:#a0a9b8;margin:0}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e6eaf0;border-radius:6px;cursor:pointer;font-size:.9rem;margin-bottom:24px;transition:all .3s ease}.btn-back:hover{background:#ffffff1a;border-color:#fff3}.client-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.client-detail-header h1{font-size:2.5rem;margin:0 0 8px;color:#e6eaf0}.btn-edit{padding:10px 20px;background:#33b4ff1a;border:1px solid rgba(51,180,255,.3);color:#33b4ff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-edit:hover{background:#33b4ff33;border-color:#33b4ff80}.btn-edit.active{background:#33b4ff33;border-color:#33b4ff}.edit-form{background:linear-gradient(135deg,#33b4ff0d,#1e90ff05);border:1px solid rgba(51,180,255,.15);border-radius:12px;padding:28px;margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:#e6eaf0}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e6eaf0;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;background:#ffffff14;border-color:#33b4ff;box-shadow:0 0 0 3px #33b4ff1a}.form-group textarea{resize:vertical;font-family:Courier New,monospace}.client-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.info-item{background:#33b4ff0f;border:1px solid rgba(51,180,255,.1);border-radius:8px;padding:16px}.info-item.full-width{grid-column:1 / -1}.info-item label{display:block;font-size:.85rem;font-weight:600;color:#a0a9b8;margin-bottom:6px;text-transform:uppercase}.info-item p{margin:0;font-size:1.1rem;color:#e6eaf0;word-break:break-word}.tabs{display:flex;gap:12px;margin:32px 0 24px;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;padding-bottom:0}.tab-button{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:#a0a9b8;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:#33b4ff}.tab-button.active{color:#33b4ff;border-bottom-color:#33b4ff}.tab-content{min-height:400px}.workouts-section,.measurements-section,.overview-section{margin-top:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;font-size:1.3rem;color:#e6eaf0}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#33b4ff,#2fb6ff);border:none;color:#0b1220;border-radius:6px;font-weight:600;cursor:pointer;font-size:.95rem;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #33b4ff4d}.btn-secondary{padding:10px 16px;background:#33b4ff1a;border:1px solid rgba(51,180,255,.3);color:#33b4ff;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-secondary:hover{background:#33b4ff26;border-color:#33b4ff80}.workout-form,.measurement-form{background:#33b4ff0d;border:1px solid rgba(51,180,255,.15);border-radius:12px;padding:24px;margin-bottom:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.workouts-list,.measurements-list{display:grid;gap:16px}.workout-card,.measurement-card{background:linear-gradient(135deg,#33b4ff14,#1e90ff0a);border:1px solid rgba(51,180,255,.15);border-radius:10px;padding:20px;transition:all .3s ease}.workout-card:hover,.measurement-card:hover{background:linear-gradient(135deg,#33b4ff1f,#1e90ff14);border-color:#33b4ff40;transform:translateY(-2px)}.workout-header,.measurement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.workout-header h4,.measurement-header h4{margin:0;font-size:1.15rem;color:#e6eaf0}.workout-date{margin:4px 0 0;font-size:.9rem;color:#a0a9b8}.btn-delete{background:none;border:none;color:#ff3b30;font-size:1.2rem;cursor:pointer;padding:4px 8px;transition:all .3s ease;opacity:.6}.btn-delete:hover{opacity:1;transform:scale(1.2)}.workout-meta{margin:8px 0;font-size:.9rem;color:#a0a9b8}.workout-description{margin:12px 0;font-size:.95rem;color:#c4ccd9}.workout-exercises,.measurement-details{margin:12px 0}.workout-exercises strong,.measurement-details strong{display:block;color:#33b4ff;margin-bottom:8px}.workout-exercises pre,.measurement-details pre{background:#0003;padding:12px;border-radius:6px;overflow-x:auto;font-size:.85rem;margin:8px 0 0;color:#e6eaf0}.workout-notes,.measurement-notes{margin:12px 0 0;font-size:.95rem;color:#c4ccd9}.measurement-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin:12px 0}.stat{background:#ffffff08;padding:12px;border-radius:6px;text-align:center}.stat label{display:block;font-size:.8rem;color:#a0a9b8;margin-bottom:4px;text-transform:uppercase;font-weight:600}.stat p{margin:0;font-size:1.3rem;font-weight:600;color:#33b4ff}.placeholder-text{text-align:center;color:#a0a9b8;padding:40px 20px;font-style:italic}@media (max-width: 768px){.header-inner{padding:0 16px}.hero{padding:60px 20px 40px}.hero h1{font-size:clamp(2rem,5vw,3rem)}.services,.cta{padding:60px 20px}.cta h2{font-size:1.75rem}.dashboard{padding:24px 16px}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.dashboard-header-content h1{font-size:2rem}.btn-logout{width:100%}.clients-grid{grid-template-columns:1fr}.client-detail-header{flex-direction:column;gap:16px;align-items:flex-start}.client-detail-header h1{font-size:1.8rem}.btn-edit{width:100%}.edit-form{padding:16px}.client-info-grid{grid-template-columns:1fr}.tabs{gap:8px}.tab-button{padding:10px 16px;font-size:.85rem}.form-row{grid-template-columns:1fr}.measurement-stats{grid-template-columns:repeat(2,1fr)}}
