.onboarding-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gradient-ocean)}.onboarding-container{width:100%;max-width:420px}.onboarding-step{background:var(--glass-premium);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl),inset 0 1px #ffffff1a;position:relative;overflow:hidden}.onboarding-step:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl);padding:1px;background:linear-gradient(135deg,#61a5c24d,#61a5c20d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.logo-container{text-align:center;margin-bottom:var(--space-6)}.logo-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.logo-text{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--ocean-bright),var(--ocean-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.onboarding-step h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:center;margin:0 0 var(--space-2);letter-spacing:-.01em}.subtitle{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);text-align:center;margin-bottom:var(--space-6)}.feature-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0}.feature-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#ffffff0d;border:1px solid hsla(210,20%,100%,.08);border-radius:12px;transition:all .2s ease}.feature-item:hover{background:#ffffff14;transform:translate(4px)}.feature-icon{flex-shrink:0;color:var(--ocean-cyan)}.feature-item span:last-child{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium)}.btn-large{width:100%;padding:var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-top:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid hsla(210,20%,100%,.1);border-radius:12px;background:#ffffff08;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left}.radio-btn:hover{border-color:var(--ocean-cyan);background:#36d4e214}.radio-btn.active{border-color:var(--ocean-cyan);background:#36d4e21f;box-shadow:0 0 0 1px var(--ocean-cyan),0 0 20px #36d4e226}.radio-icon{flex-shrink:0;color:var(--ocean-cyan)}.radio-content{flex:1;display:flex;flex-direction:column;gap:2px}.radio-btn span:not(.radio-icon){font-weight:var(--weight-semibold);color:var(--text-primary);font-size:var(--text-base)}.radio-btn small{font-size:var(--text-xs);color:var(--text-tertiary)}.goal-cards{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0}.goal-card{padding:var(--space-5);border:1px solid hsla(210,20%,100%,.1);border-radius:16px;background:#ffffff08;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.goal-card:hover{border-color:var(--ocean-cyan);transform:translateY(-8px) rotate(1.5deg) scale(1.02);box-shadow:0 20px 60px #0000004d,0 0 40px #61a5c24d,inset 0 1px #ffffff1a;background:linear-gradient(135deg,#36d4e226,#11a4d41f)}.goal-card.active{border-color:var(--ocean-cyan);background:linear-gradient(135deg,#36d4e21a,#11a4d41a);box-shadow:0 0 0 1px var(--ocean-cyan),0 0 30px #36d4e233}.goal-icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);color:var(--ocean-cyan)}.goal-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.goal-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-normal)}.button-group{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.button-group .btn{flex:1}.progress-dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.dot{width:8px;height:8px;border-radius:4px;background:#ffffff40;transition:all .3s cubic-bezier(.4,0,.2,1)}.dot.active{background:var(--ocean-cyan);width:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.circular-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--space-8) 0;position:relative;animation:heroReveal .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes heroReveal{0%{opacity:0;transform:scale(.75) rotateX(25deg);filter:blur(12px)}to{opacity:1;transform:scale(1) rotateX(0);filter:blur(0)}}.breathing-ring-container{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:10px}.glow-layer{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;pointer-events:none;z-index:0}.indicator-svg{position:relative;z-index:1}.outer-ring{animation:breathingGlow var(--timing-breath) ease-in-out infinite;transform-origin:center center;transform-box:fill-box}.indicator-label{margin-top:var(--space-4);display:flex;justify-content:center;width:100%}.status-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:none;backdrop-filter:none;border:3px solid;box-shadow:0 2px 4px #0003,inset 0 -1px #0000001a;transition:all var(--transition-base)}@keyframes lockIn{0%{transform:scale(.8) rotate(-5deg);opacity:0}60%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.svg-circle{transform-origin:center;transform:rotate(-90deg);transition:stroke-dashoffset var(--transition-smooth)}.indicator-ring:hover{transform:rotate(2deg) scale(1.02);filter:drop-shadow(0 0 30px rgba(97,165,194,.4))}.wind-visualizer{width:100%;height:160px;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:linear-gradient(to bottom,var(--ocean-deep),var(--ocean-abyss));margin-bottom:var(--space-4)}.wind-scene{position:relative;width:100%;height:100%}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.wind-particle-wrapper{position:absolute;opacity:0;will-change:transform,opacity;transform-origin:center;transform:scale(var(--scale, 1))}.wind-streamline-svg{display:block;width:120px;height:20px;overflow:visible}@keyframes flowDownSVG{0%{transform:translateY(-40px) scale(.6);opacity:0}10%{opacity:var(--opacity, .6)}90%{opacity:var(--opacity, .6)}to{transform:translateY(60px) scale(1.1);opacity:0}}@keyframes flowUpSVG{0%{transform:translateY(60px) scale(1.1);opacity:0}10%{opacity:var(--opacity, .6)}90%{opacity:var(--opacity, .6)}to{transform:translateY(-40px) scale(.6);opacity:0}}@keyframes flowRightSVG{0%{transform:translate(-120px);opacity:0}10%{opacity:var(--opacity, .6)}90%{opacity:var(--opacity, .6)}to{transform:translate(120px);opacity:0}}.particle-flow-down{animation-name:flowDownSVG;animation-timing-function:linear;animation-iteration-count:infinite}.particle-flow-up{animation-name:flowUpSVG;animation-timing-function:linear;animation-iteration-count:infinite}.particle-flow-right{animation-name:flowRightSVG;animation-timing-function:linear;animation-iteration-count:infinite}.coastline-svg{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.coast-land{filter:drop-shadow(0 -2px 4px rgba(0,0,0,.3))}.coast-label,.sea-label{fill:#ffffff4d;font-size:8px;font-family:var(--font-body);font-weight:600;letter-spacing:1px}.wind-info-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:20;text-shadow:0 2px 4px rgba(0,0,0,.5)}.wind-speed{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary)}.wind-dir-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;background:#0006;padding:2px 8px;border-radius:12px;margin-top:4px}.timeline-widget{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:var(--space-3);margin-left:var(--space-2)}.timeline-scroll-container{display:flex;gap:var(--space-3);overflow-x:auto;padding-top:var(--space-4);padding-bottom:var(--space-4);padding-left:var(--space-2);padding-right:var(--space-2);scrollbar-width:none;-ms-overflow-style:none}.timeline-scroll-container::-webkit-scrollbar{display:none}.timeline-block{flex:0 0 auto;width:64px;height:96px;background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-base);animation:timelineBlockReveal .5s cubic-bezier(.34,1.56,.64,1) both;position:relative}.timeline-block:hover{transform:translateY(-2px);background:var(--glass-premium)}.timeline-block:active{transform:scale(.95)}.timeline-block.selected{background:var(--glass-premium);border:3px solid var(--ocean-cyan);box-shadow:0 4px 20px #0000004d;transform:translateY(-4px)}.time-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);font-weight:var(--weight-medium)}.traffic-light-indicator{width:16px;height:16px;border-radius:50%;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003}.status-safe .traffic-light-indicator{background-color:var(--safe-teal);box-shadow:0 0 10px var(--safe-teal)}.status-caution .traffic-light-indicator{background-color:var(--caution-amber);box-shadow:0 0 10px var(--caution-amber)}.status-danger .traffic-light-indicator{background-color:var(--danger-coral);box-shadow:0 0 10px var(--danger-coral)}.effort-icon{width:28px;height:28px;object-fit:contain;opacity:.9;transition:transform .2s ease}.timeline-block:hover .effort-icon{transform:scale(1.1)}.session-goal-selector{margin-bottom:var(--space-8);perspective:1000px}.goal-segmented-control{display:grid;grid-template-columns:repeat(3,1fr);background:var(--glass-medium);padding:4px;border-radius:var(--radius-xl);border:1px solid var(--glass-border);position:relative;gap:4px;box-shadow:0 4px 12px #00000026}.goal-segment{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:var(--space-2) var(--space-1);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.goal-segment:hover{color:var(--text-primary);background:#f9fafb0d}.goal-segment.active{background:var(--ocean-cyan);color:var(--neutral-900);box-shadow:0 4px 12px #2ec4b64d}.goal-segment.active .goal-icon,.goal-segment.active .goal-label{color:var(--neutral-900);fill:var(--neutral-900);font-weight:800}.goal-description{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-3);height:1.2em;font-weight:var(--weight-medium);letter-spacing:.02em;animation:fadeIn .3s ease-out}.goal-icon{display:flex;align-items:center;justify-content:center;margin-bottom:2px;opacity:.7;transition:opacity .2s ease}.goal-segment.active .goal-icon{opacity:1;transform:scale(1.1)}.goal-label{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.metric-card{position:relative;background:var(--glass-medium);border:2px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);margin:0;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d;transition:all var(--transition-base);overflow:hidden}.metric-card__indicator{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.metric-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.metric-card__icon{font-size:18px;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.metric-card__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ocean-driftwood)}.metric-card__body{display:flex;align-items:baseline;gap:var(--space-2)}.metric-card__value{font-size:32px;font-weight:800;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.metric-card__unit{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:uppercase}.metric-card__danger-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:var(--radius-lg);filter:blur(15px);z-index:-1;pointer-events:none}.metric-card--safe{border-color:var(--safety-safe)}.metric-card--safe:hover{box-shadow:0 4px 12px #00ff9433,inset 0 1px #ffffff1a}.metric-card--warning{border-color:var(--safety-warning)}.metric-card--warning:hover{box-shadow:0 4px 12px #ffb80040,inset 0 1px #ffffff1a}.metric-card--danger{border-color:var(--safety-danger);border-width:3px}.metric-card--danger:hover{box-shadow:0 6px 16px #ff3b5c4d,inset 0 1px #ffffff1a}@media (max-width: 380px){.metric-card__value{font-size:28px}}@media (prefers-contrast: high){.metric-card{border-width:3px}.metric-card__value{font-weight:900}}.rumbo-panel{background:linear-gradient(135deg,#0a1628a6,#0f29428c);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(97,165,194,.2);border-radius:24px;padding:var(--space-6);margin:var(--space-6) 0;position:relative;overflow:hidden;cursor:pointer;transition:all var(--transition-smooth)}.rumbo-panel:hover{transform:translateY(-2px);border-color:#61a5c266;box-shadow:0 8px 24px #61a5c233}.rumbo-panel:before{content:"";position:absolute;bottom:-8px;left:32px;width:16px;height:16px;background:#0a1628a6;border-right:1px solid rgba(97,165,194,.2);border-bottom:1px solid rgba(97,165,194,.2);transform:rotate(45deg);opacity:.8}.rumbo-panel-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.rumbo-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#61a5c233,#61a5c20d);border:2px solid rgba(97,165,194,.3)}.rumbo-avatar svg{color:var(--ocean-shimmer);animation:avatarPulse 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.rumbo-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ocean-shimmer);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.rumbo-content{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--ocean-sand);margin:0}.rumbo-cta-hint{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--ocean-foam);opacity:.7;transition:opacity var(--transition-base)}.rumbo-panel:hover .rumbo-cta-hint{opacity:1}.ocean-skeleton-container{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);width:100%;animation:fadeIn .5s ease-out}.skeleton-pulse{background:linear-gradient(90deg,#61a5c21a,#61a5c233,#61a5c21a);background-size:200% 100%;animation:waveShimmer 2s infinite linear;border-radius:var(--radius-md)}@keyframes waveShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sk-header{height:80px;width:70%;border-radius:var(--radius-lg)}.sk-circle-box{display:flex;justify-content:center;padding:var(--space-8) 0}.sk-circle{width:200px;height:200px;border-radius:50%;border:4px solid rgba(97,165,194,.1)}.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.sk-card{height:100px;border-radius:var(--radius-xl)}.sk-text{height:20px;margin-bottom:var(--space-2)}.sk-text.short{width:40%}.sk-text.medium{width:70%}.cold-start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-ocean);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease-out}.cold-start-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.rings-container{transform:translateY(-10%)}.rings-svg{width:200px;height:200px;filter:drop-shadow(0 0 20px rgba(97,165,194,.3))}.ring{fill:none;stroke:var(--ocean-cyan);stroke-linecap:round;transform-origin:center;transform-box:fill-box}.ring-outer{stroke-width:2;opacity:.4;animation:breathingSlow 6s ease-in-out infinite}.ring-inner{stroke-width:3;opacity:.6;animation:breathingGentle 4s ease-in-out infinite;animation-delay:.5s}@keyframes breathingSlow{0%,to{transform:scale(.95);opacity:.3}50%{transform:scale(1.05);opacity:.5}}@keyframes breathingGentle{0%,to{transform:scale(.97);opacity:.5}50%{transform:scale(1.03);opacity:.7}}.text-container{text-align:center;max-width:320px}.text-primary{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2);text-wrap:balance}.text-secondary{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-secondary);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cold-start-overlay.fade-out{animation:fadeOut .6s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.main-screen{background:var(--gradient-ocean);min-height:100dvh}.main-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-left:var(--space-2)}.spot-name{color:var(--neutral-100);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:var(--space-1);animation:fadeInLeft .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.spot-subtitle{color:#f9fafbb3;font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex;align-items:center;gap:var(--space-2)}.separator{opacity:.4}.header-actions{display:flex;gap:var(--space-3);align-items:center}.btn-icon{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--neutral-100);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #0000001a}.btn-icon:hover{background:var(--glass-medium);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-icon:active{transform:translateY(0)}.alerts-section{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-6);position:relative}.metrics-grid>*:nth-child(2){transform:translateY(-8px);z-index:2}.metrics-grid>*:nth-child(3){transform:translateY(-4px);z-index:1}.conditions-card{background:var(--gradient-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ocean-current);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-soft);margin-bottom:var(--space-6)}.conditions-card h3{color:var(--neutral-100);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);color:#f9fafb99}.conditions-grid{display:flex;flex-direction:column;gap:var(--space-4)}.condition-item{display:flex;align-items:center;gap:var(--space-4)}.condition-icon{width:32px;height:32px;color:var(--ocean-cyan)}.condition-label{font-size:var(--text-xs);color:#f9fafb99;text-transform:uppercase;letter-spacing:.08em;font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.condition-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--neutral-100);font-variant-numeric:tabular-nums}.actions-section{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8)}.forecast-banner{background:var(--ocean-surface);color:var(--ocean-cyan);text-align:center;padding:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--ocean-cyan);box-shadow:0 0 10px #40e0d033}.highlight-time{color:var(--ocean-cyan);font-weight:var(--weight-bold)}.sensei-tip-card{margin-bottom:var(--space-6);background:linear-gradient(135deg,#40e0d01a,#0000);border-color:#40e0d04d}.tip-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--ocean-cyan);font-weight:var(--weight-semibold);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:1px}.tip-text{font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed);margin:0}.sensei-screen{background:var(--gradient-ocean);min-height:100dvh}.sensei-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.btn-back-nav{align-self:flex-start;background:transparent;border:none;color:var(--ocean-cyan);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) 0;cursor:pointer;display:flex;align-items:center;gap:var(--space-2)}.sensei-brand{display:flex;align-items:center;gap:var(--space-3);padding-left:var(--space-2)}.sensei-icon{color:var(--ocean-cyan)}.sensei-brand h1{margin:0;font-size:var(--text-2xl);color:var(--neutral-100);letter-spacing:-.02em}.explanation-card{background:linear-gradient(135deg,#0a1628a6,#0f29428c);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(97,165,194,.2);border-radius:24px;padding:var(--space-6);box-shadow:0 8px 24px #61a5c226;margin-bottom:var(--space-6);position:relative;overflow:hidden}.explanation-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--ocean-cyan),var(--ocean-bright));opacity:.8}.markdown-content{font-family:var(--font-body);color:var(--ocean-sand);line-height:1.8;font-size:var(--text-base)}.markdown-content h1{font-size:var(--text-3xl);font-family:var(--font-display);font-weight:600;color:var(--ocean-sand);margin-top:var(--space-8);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--ocean-shimmer);line-height:var(--leading-tight)}.markdown-content h2{font-size:var(--text-xl);font-family:var(--font-display);font-weight:600;color:var(--ocean-shimmer);margin:0;padding:0;border:none;line-height:var(--leading-tight)}.sensei-section-title{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-8);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid rgba(97,165,194,.2)}.markdown-content h3{font-size:var(--text-lg);font-family:var(--font-display);font-weight:600;color:var(--ocean-foam);margin-top:var(--space-5);margin-bottom:var(--space-3)}.markdown-content p{margin-bottom:var(--space-5);line-height:1.8}.markdown-content ul,.markdown-content ol{margin-left:0;padding-left:var(--space-6);margin-bottom:var(--space-5)}.markdown-content li{margin-bottom:var(--space-3);line-height:1.7}.markdown-content ul li::marker{color:var(--ocean-shimmer);font-size:1.2em}.markdown-content ol li::marker{color:var(--ocean-shimmer);font-weight:600}.markdown-content strong{color:var(--ocean-shimmer);font-weight:600}.sensei-footer{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--glass-border)}.disclaimer-badge{background:linear-gradient(135deg,#e67e5026,#e67e5014);border:1px solid rgba(230,126,80,.3);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:1.6}.disclaimer-icon{font-size:1.5em;flex-shrink:0}.disclaimer-badge p{margin:0;color:var(--ocean-shell)}.disclaimer-badge strong{color:var(--ocean-coral);display:block;margin-bottom:var(--space-1);font-size:var(--text-base)}.sponsor-slot{background:#0a162899;border:1px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;order:-1}.sponsor-slot small{display:block;color:var(--ocean-driftwood);font-size:var(--text-xs);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.15em;font-weight:500}.sponsor-placeholder{font-family:var(--font-display);color:var(--ocean-shimmer);font-size:var(--text-base);letter-spacing:.02em;opacity:.9}.profile-screen{background:var(--gradient-ocean)}.profile-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.profile-title{display:flex;align-items:center;gap:var(--space-3)}.profile-icon{color:var(--ocean-cyan)}.profile-title h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.profile-card{background:var(--glass-medium);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:var(--space-4);margin-bottom:var(--space-6)}.profile-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid hsla(210,20%,100%,.08)}.profile-item:last-child{border-bottom:none}.profile-item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#36d4e21a;border-radius:10px;color:var(--ocean-cyan)}.profile-item-content{flex:1;display:flex;flex-direction:column;gap:2px}.profile-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.profile-value{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary)}.profile-actions{display:flex;flex-direction:column;gap:var(--space-3)}.btn-about{background:#2a6f9733;color:var(--ocean-sand);border:1px solid var(--ocean-surface);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;width:100%;margin-bottom:var(--space-3);transition:all .3s}.btn-about:hover{background:var(--ocean-surface);border-color:var(--ocean-shimmer);transform:translateY(-1px)}.about-screen{background:var(--gradient-ocean);min-height:100dvh;padding-bottom:var(--space-6)}.about-header{margin-bottom:var(--space-6)}.about-header h1{font-size:var(--text-2xl);color:var(--neutral-100)}.about-card{padding:var(--space-6);text-align:center;margin-bottom:var(--space-6);border:1px solid var(--glass-border)}.app-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.logo-icon{color:var(--ocean-cyan)}.version-badge{background:var(--glass-overlay);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--ocean-cyan);letter-spacing:.1em;text-transform:uppercase}.app-description{margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.creator-card{background:linear-gradient(135deg,var(--ocean-deep) 0%,var(--ocean-abyss) 100%);border:1px solid var(--ocean-current);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4)}.creator-header h3{font-size:var(--text-xs);text-transform:uppercase;color:var(--ocean-driftwood);letter-spacing:.1em;margin-bottom:var(--space-2)}.creator-header h2{font-size:var(--text-xl);color:var(--neutral-100);margin:0}.creator-role{color:var(--ocean-cyan);font-size:var(--text-sm);margin-top:4px}.creator-bio{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-4) 0;line-height:1.6;font-style:italic}.social-links{display:flex;gap:var(--space-3);flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:var(--space-2);background:var(--glass-overlay);padding:8px 12px;border-radius:var(--radius-lg);color:var(--neutral-100);text-decoration:none;font-size:var(--text-xs);transition:all .2s}.social-link:hover{background:var(--ocean-cyan);color:var(--ocean-abyss)}.tech-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-6)}.tech-header{display:flex;align-items:center;gap:var(--space-3)}.tech-icon{color:var(--ocean-foam)}.tech-header h3{margin:0;color:var(--neutral-100);font-size:var(--text-base)}.tech-header p{margin:0;color:var(--ocean-driftwood);font-size:var(--text-xs)}.btn-outline{display:block;text-align:center;border:1px solid var(--ocean-cyan);color:var(--ocean-cyan);padding:10px;border-radius:var(--radius-lg);text-decoration:none;font-size:var(--text-sm)}.footer-credits{text-align:center;color:var(--ocean-driftwood);font-size:var(--text-xs);opacity:.6}.password-gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gradient-ocean)}.password-card{width:100%;max-width:360px;background:var(--glass-medium);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:var(--space-8);text-align:center;box-shadow:0 24px 80px #0006,inset 0 1px #ffffff1a}.password-card.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.password-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.password-icon{color:var(--ocean-cyan)}.password-logo h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--ocean-bright),var(--ocean-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.password-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.password-card form{display:flex;flex-direction:column;gap:var(--space-4)}.password-card input{width:100%;padding:var(--space-4);font-size:var(--text-base);font-family:var(--font-body);background:#ffffff0d;border:1px solid hsla(210,20%,100%,.15);border-radius:12px;color:var(--text-primary);text-align:center;transition:all .25s ease}.password-card input::placeholder{color:var(--text-tertiary)}.password-card input:focus{outline:none;border-color:var(--ocean-cyan);box-shadow:0 0 0 3px #36d4e233}.password-card input.error{border-color:var(--danger-coral);box-shadow:0 0 0 3px #e45e4433}.error-text{font-size:var(--text-sm);color:var(--danger-coral);margin-top:calc(-1 * var(--space-2))}.password-footer{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-6);margin-bottom:0}.ocean-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 30%,var(--ocean-deep) 0%,var(--ocean-abyss) 85%)}.ocean-noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.ocean-caustics{position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 50% 0%,rgba(97,165,194,.15) 0%,transparent 60%);filter:blur(40px);animation:causticsMove 10s ease-in-out infinite alternate;will-change:transform;transition:transform .1s ease-out}.ocean-caustics:after{content:"";position:absolute;top:10%;left:10%;width:80%;height:80%;background:radial-gradient(circle at 50% 0%,rgba(169,214,229,.1) 0%,transparent 50%);filter:blur(30px);animation:causticsPulse 7s ease-in-out infinite alternate}@keyframes causticsMove{0%{transform:translateY(0) scale(1)}to{transform:translateY(2%) scale(1.05)}}@keyframes causticsPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}:root{--ocean-abyss: #0A1628;--ocean-deep: #0F2942;--ocean-current: #1A4667;--ocean-surface: #2A6F97;--ocean-shimmer: #61A5C2;--ocean-foam: #A9D6E5;--ocean-sand: #F5F1EB;--ocean-shell: #E8E4DC;--ocean-driftwood: #C4BFB5;--safety-safe: #00FF94;--safety-warning: #FFB800;--safety-danger: #FF3B5C;--ocean-kelp: #62C370;--ocean-coral: #E67E50;--ocean-urchin: #D84A4F;--ocean-mist: rgba(169, 214, 229, .1);--ocean-spray: rgba(97, 165, 194, .15);--ocean-midnight: var(--ocean-abyss);--ocean-bright: var(--ocean-shimmer);--ocean-cyan: var(--ocean-shimmer);--safe-teal: var(--ocean-kelp);--caution-amber: var(--ocean-coral);--danger-coral: var(--ocean-urchin);--neutral-100: var(--ocean-sand);--neutral-200: var(--ocean-shell);--neutral-300: var(--ocean-driftwood);--neutral-600: #515861;--neutral-800: var(--ocean-abyss);--text-primary: var(--ocean-sand);--text-secondary: var(--ocean-shell);--text-tertiary: rgba(245, 241, 235, .6);--text-on-card: var(--ocean-sand);--gradient-ocean: linear-gradient(180deg, var(--ocean-abyss) 0%, var(--ocean-deep) 100%);--gradient-card: linear-gradient(135deg, var(--ocean-deep) 0%, var(--ocean-current) 100%);--gradient-cta: linear-gradient(135deg, var(--ocean-shimmer) 0%, var(--ocean-surface) 100%);--glass-light: var(--ocean-mist);--glass-medium: var(--ocean-spray);--glass-border: rgba(97, 165, 194, .2);--glass-premium: rgba(15, 23, 42, .6);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", "Roboto Mono", "Courier New", monospace;--text-xs: .688rem;--text-sm: .813rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.625rem;--text-2xl: 2.125rem;--text-3xl: 2.625rem;--text-4xl: 3.5rem;--text-5xl: 3.5rem;--tracking-tight: -.5px;--tracking-wide: 1px;--tracking-widest: 2px;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(10, 22, 40, .08);--shadow-md: 0 4px 16px rgba(10, 22, 40, .12);--shadow-lg: 0 8px 32px rgba(10, 22, 40, .16);--shadow-xl: 0 16px 48px rgba(10, 22, 40, .2);--shadow-soft: 0 4px 12px rgba(97, 165, 194, .15);--shadow-glow: 0 0 20px rgba(97, 165, 194, .3);--shadow-ocean: 0 8px 24px rgba(97, 165, 194, .25);--timing-wave: 6s;--timing-breath: 4s;--timing-transition: .3s;--timing-wave-slow: 8s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-in-out);--transition-base: var(--timing-transition) var(--ease-in-out);--transition-smooth: .35s var(--ease-in-out);--transition-slow: .5s var(--ease-in-out)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--gradient-ocean);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2361A5C2' d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z' opacity='0.9'/%3E%3Cpath fill='%23A9D6E5' d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z' opacity='0.4'/%3E%3C/svg%3E") 12 12,auto}button,a,.clickable{cursor:pointer}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4);letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.metric-value,.metric-card-value,.circular-indicator text,.timeline-value{font-variant-numeric:tabular-nums slashed-zero;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum" 1}.numeric{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.glass-card{background:linear-gradient(135deg,#61a5c21a,#61a5c20d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;width:100%;border-image:linear-gradient(135deg,#fff6,#ffffff0d) 1;border:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a;transition:all var(--transition-smooth);position:relative;overflow:hidden}.glass-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--ocean-shimmer) 50%,transparent 100%);opacity:.4;transition:opacity var(--transition-base)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),inset 0 1px #ffffff26}.glass-card:hover:after{opacity:.7}@media (prefers-reduced-motion: reduce){.glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f0f2f426}}.btn{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-cta);color:var(--neutral-100);box-shadow:var(--shadow-ocean)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #11a4d459}.btn-primary:active{transform:translateY(0);transition-duration:.1s}.btn-secondary{background:transparent;color:var(--ocean-cyan);border:2px solid var(--ocean-cyan)}.btn-secondary:hover{background:#36d4e21a;border-color:var(--ocean-bright)}.btn-large{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.card{background:#1b2632b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(210,20%,100%,.12);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-smooth);color:var(--text-primary)}.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl);background:#202e3ccc}.alert{padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-weight:var(--weight-medium);font-size:var(--text-sm)}.alert-danger{background:#e45e441f;color:var(--danger-coral);border-left:4px solid var(--danger-coral)}.alert-warning{background:#f49d251f;color:#da840b;border-left:4px solid var(--caution-amber)}.alert-success{background:#28bd981f;color:var(--safe-teal);border-left:4px solid var(--safe-teal)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em}.badge-bajo{background:var(--safe-teal);color:#fff}.badge-medio{background:var(--caution-amber);color:var(--ocean-deep)}.badge-alto{background:var(--danger-coral);color:#fff}.container{width:100%;max-width:480px;margin:0 auto;padding:var(--space-6)}.page{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp var(--transition-smooth) var(--ease-out) both}@keyframes waveMotion{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-8px) translate(4px);opacity:.4}}@keyframes waveMotionSlow{0%,to{transform:translateY(0) translate(0);opacity:.15}50%{transform:translateY(-5px) translate(-3px);opacity:.25}}.wave-animation{animation:waveMotion var(--timing-wave) ease-in-out infinite}.wave-animation-slow{animation:waveMotionSlow var(--timing-wave-slow) ease-in-out infinite}@keyframes breathingGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.breathing-animation{animation:breathingGlow var(--timing-breath) ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.ocean-card{background:var(--gradient-card);border:1px solid var(--ocean-current);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);transition:all var(--transition-base)}.ocean-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.glass-card-premium{background:var(--glass-premium);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid transparent;border-image:linear-gradient(135deg,#61a5c24d,#61a5c20d) 1;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:var(--neutral-100)}.loading-spinner{width:48px;height:48px;border:4px solid hsla(210,20%,98%,.2);border-top-color:var(--ocean-cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-6)}@keyframes spin{to{transform:rotate(360deg)}}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-base);background:var(--neutral-100)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ocean-cyan);box-shadow:0 0 0 3px #36d4e21a}label{display:block;margin-bottom:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--neutral-600);text-transform:uppercase;letter-spacing:.05em}.form-group{margin-bottom:var(--space-6)}.desktop-block{display:none;align-items:center;justify-content:center;min-height:100dvh;text-align:center;color:var(--neutral-100);padding:var(--space-12)}.desktop-block.active{display:flex}.desktop-block h1{font-size:var(--text-5xl);margin-bottom:var(--space-6)}.desktop-block p{font-size:var(--text-xl);opacity:.8;line-height:var(--leading-relaxed)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gpu-accelerated{transform:translateZ(0);will-change:transform}.text-ocean-shimmer{color:var(--ocean-shimmer)}.text-ocean-cyan{color:var(--ocean-cyan)}.text-ocean-foam{color:var(--ocean-foam)}.text-danger{color:var(--danger-coral)}