*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:#1f1f1f;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--teal-50: #eefbf9;--teal-100: #d5f5f1;--teal-200: #aeeae4;--teal-300: #7ed9d1;--teal-400: #4ec3b8;--teal-500: #32bdaf;--teal-600: #2aa396;--teal-700: #248a7f;--teal-800: #1e6e66;--teal-900: #1a5a54}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) both}.animate-fade-in{animation:fadeIn .6s ease both}.animate-scale-in{animation:scaleIn .8s cubic-bezier(.16,1,.3,1) both}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.cta-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--teal-600),var(--teal-500));color:#fff;font-weight:600;font-size:16px;padding:16px 36px;border-radius:999px;border:none;cursor:pointer;box-shadow:0 8px 24px #32bdaf33;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none}.cta-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.cta-btn:hover:after{left:100%}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #32bdaf59;background:linear-gradient(135deg,var(--teal-700),var(--teal-600));color:#fff}.cta-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.cta-btn:disabled:after{display:none}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(50,189,175,.06) 0%,transparent 70%);top:-200px;left:50%;transform:translate(-50%);pointer-events:none;z-index:0}.section-divider{width:48px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--teal-500),#80CBC4);margin:0 auto}.ipad-mockup{position:relative;max-width:780px;margin:0 auto;perspective:1200px;padding-bottom:40px}.ipad-mockup-inner{transform:rotateX(4deg) rotateY(-2deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1)}.ipad-mockup-inner:hover{transform:rotateX(2deg) rotateY(0) translateY(-4px)}.ipad-mockup:after{content:"";position:absolute;bottom:12px;left:10%;width:80%;height:32px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.15) 0%,rgba(0,0,0,.06) 50%,transparent 70%);filter:blur(6px);z-index:-1}.ipad-frame{position:relative;background:linear-gradient(145deg,#1a1a1a,#0d0d0d,#111);border-radius:18px;padding:12px;box-shadow:0 0 0 1px #ffffff0f inset,0 1px #ffffff0a inset,0 -1px #000,0 20px 60px -15px #0000004d,0 8px 20px #00000014}.ipad-frame:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#2a2a2a,#151515 60%,#0d0d0d);box-shadow:0 0 0 1px #ffffff0a,inset 0 0 1px #ffffff14;z-index:3}.ipad-frame:after{content:"";position:absolute;top:14%;right:-1.5px;width:1.5px;height:24px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,#2a2a2a,#1a1a1a,#222)}.ipad-screen{position:relative;border-radius:6px;overflow:hidden;background:#fff;aspect-ratio:4 / 2.8}.ipad-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 35%,transparent 65%,rgba(255,255,255,.015) 100%);pointer-events:none;z-index:5}.patient-record{padding:18px 24px;font-size:11px;line-height:1.5;color:#1f1f1f;height:100%;overflow:hidden}.pr-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.pr-meta-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.pr-meta{display:inline-flex;align-items:center;gap:3px;font-size:9px;color:#999}.pr-visit-summary{font-size:9px;color:var(--teal-500);font-weight:600;margin-left:auto;cursor:pointer}.pr-patient-card{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.pr-avatar{width:32px;height:32px;border-radius:50%;background:var(--teal-100);color:var(--teal-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.pr-patient-name{font-size:13px;font-weight:700;color:#1a1a1a}.pr-patient-details{display:flex;gap:8px;font-size:8.5px;color:#999;margin-top:1px}.pr-patient-details span{display:inline-flex;align-items:center;gap:2px}.pr-view-patient{font-size:9px;color:#bbb;white-space:nowrap;flex-shrink:0}.pr-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.pr-box{border:1px solid #f0f0f0;border-radius:8px;padding:10px}.pr-box-label{font-size:7.5px;font-weight:700;letter-spacing:.06em;color:#999;text-transform:uppercase;margin-bottom:6px}.pr-box-row{display:flex;align-items:center;gap:5px;font-size:8.5px;color:#444;margin-bottom:3px;line-height:1.4}.pr-alert-label{display:flex;align-items:center;gap:3px;font-size:7.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:1px}.pr-alert-value{font-size:8.5px;color:#444;line-height:1.4}.pr-section-header{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.pr-notes-text{font-size:9px;line-height:1.6;color:#555}.pr-audio-player{margin-top:12px;background:#f7f8f9;border-radius:8px;padding:8px 10px}.pr-audio-controls{display:flex;align-items:center;gap:6px}.pr-audio-dot{width:6px;height:6px;border-radius:50%;background:var(--teal-400);flex-shrink:0}.pr-audio-track{flex:1;height:3px;background:#e0e0e0;border-radius:2px;position:relative}.pr-audio-progress{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--teal-400);border-radius:2px}.pr-audio-time{font-size:9px;font-weight:600;color:#555;white-space:nowrap}.pr-audio-hint{display:flex;align-items:center;gap:4px;font-size:7px;color:#bbb;margin-top:4px}.pr-observations-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#333;margin-top:8px;margin-bottom:6px}.pr-obs-count{display:inline-flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:4px;font-size:8px;font-weight:600;color:#888;padding:1px 5px;margin-left:2px}.pr-obs-add{font-size:9px;color:#999;font-weight:500}.pr-observation-item{display:flex;align-items:flex-start;gap:6px;padding:8px;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:6px}.pr-obs-badge{font-size:7px;font-weight:500;color:#888;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;padding:2px 6px;white-space:nowrap;flex-shrink:0}.pr-obs-text{font-size:8.5px;color:#444;line-height:1.5;flex:1}.pr-obs-date{font-size:7.5px;color:#bbb;white-space:nowrap;flex-shrink:0}@media(max-width:640px){.patient-record{padding:10px 12px}.pr-title{font-size:10px;margin-bottom:3px}.pr-meta-row{gap:6px;margin-bottom:8px}.pr-meta,.pr-visit-summary{font-size:7px}.pr-avatar{width:22px;height:22px;font-size:9px}.pr-patient-card{gap:6px;margin-bottom:8px;padding-bottom:8px}.pr-patient-name{font-size:9px}.pr-patient-details{font-size:6.5px;gap:5px}.pr-patient-details svg{width:6px;height:6px}.pr-view-patient{font-size:7px}.pr-two-col{gap:5px;margin-bottom:8px}.pr-box{padding:6px;border-radius:6px}.pr-box-label{font-size:5.5px;margin-bottom:3px}.pr-box-row{font-size:6.5px;gap:3px;margin-bottom:2px}.pr-box-row svg{width:6px;height:6px}.pr-alert-label{font-size:5.5px}.pr-alert-label svg{width:6px;height:6px}.pr-alert-value{font-size:6.5px}.pr-section-header{font-size:8px;margin-bottom:3px}.pr-section-header svg{width:8px;height:8px}.pr-notes-text{font-size:6.5px;line-height:1.5}.pr-audio-player{padding:5px 7px;margin-top:8px}.pr-audio-controls svg{width:7px;height:7px}.pr-audio-dot{width:4px;height:4px}.pr-audio-time{font-size:7px}.pr-audio-hint{font-size:5.5px}.pr-audio-hint svg{width:5px;height:5px}.pr-observations-header{font-size:7px;margin-top:6px}.pr-observations-header svg{width:6px;height:6px}.pr-obs-count{font-size:6px;padding:0 3px}.pr-obs-add{font-size:6.5px}.pr-observation-item{padding:5px;gap:4px}.pr-obs-badge{font-size:5.5px;padding:1px 4px}.pr-obs-text{font-size:6.5px}.pr-obs-date{font-size:6px}}.demo-form .ant-form-item-label>label{font-size:13px;font-weight:500;color:#374151}.demo-form .ant-input,.demo-form .ant-select-selector,.demo-form .ant-input-affix-wrapper{border-radius:12px!important;padding:8px 16px!important;min-height:44px;background:#fafbfc!important;border-color:#e2e5e9!important;font-size:14px}.demo-form .ant-input:focus,.demo-form .ant-input-focused,.demo-form .ant-input-affix-wrapper:focus,.demo-form .ant-input-affix-wrapper-focused,.demo-form .ant-select-focused .ant-select-selector{background:#fff!important;border-color:var(--teal-500)!important;box-shadow:0 0 0 3px #32bdaf1f!important}.demo-form .ant-select-selector{height:44px!important;display:flex!important;align-items:center!important}.demo-form textarea.ant-input{padding:12px 16px!important}.pilot-tester-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--teal-50);border-radius:12px;border:1px solid var(--teal-100)}@keyframes checkDraw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.check-circle{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) both}.check-mark{stroke-dasharray:24;stroke-dashoffset:24;animation:checkDraw .4s ease .3s forwards}.trust-item{text-align:center}.trust-icon{margin-bottom:14px}.trust-text{font-size:14px;color:#444;line-height:1.65}@media(max-width:640px){.trust-item{text-align:center}.trust-icon{margin-bottom:8px}.trust-icon svg{width:22px;height:22px}.trust-text{font-size:10px;line-height:1.5}}.social-auth-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s ease;text-decoration:none}.social-auth-btn:hover{border-color:#d1d5db;background:#fafbfc;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.gradient-text{background:linear-gradient(135deg,var(--teal-600),var(--teal-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}