body{box-sizing:border-box;margin:0}*,:before,:after{box-sizing:inherit}.home-page{background-color:#0000;background-image:radial-gradient(circle at 10% 15%,#32b8ec59 0%,#0000 50%),radial-gradient(circle at 90% 80%,#98ffc54d 0%,#0000 45%),linear-gradient(130deg,#05273b 0%,#08384f 36%,#0b4b5c 70%,#0a3944 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:140% 140%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;padding:28px 14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:28s ease-in-out infinite alternate gradientShift;position:relative;overflow:hidden}.background-layer{filter:blur(10px);opacity:.45;pointer-events:none;border-radius:50%;position:absolute}.background-layer-one{background:radial-gradient(circle,#78dfff8c,#0000);width:340px;height:340px;animation:16s ease-in-out infinite floatSoft;top:-60px;left:-80px}.background-layer-two{background:radial-gradient(circle,#99ffd673,#0000);width:420px;height:420px;animation:20s ease-in-out infinite reverse floatSoft;bottom:-140px;right:-120px}.background-layer-three{background:radial-gradient(circle,#ffffff47,#0000);width:260px;height:260px;animation:14s ease-in-out infinite pulseFade;top:48%;left:46%}.brand-topbar{z-index:3;width:min(1180px,96%);margin:0 auto 14px;position:relative}.brand-glass-bar{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff47,#ffffff14);border:1px solid #b5eef88c;border-radius:20px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 12px 34px #00111d5c,inset 0 1px #ffffff73,inset 0 -1px #387e9440}.brand-glass-bar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#dcfcffa6,#fff0);width:30%;height:140%;animation:8s linear infinite textLightSweep;position:absolute;top:-20%;left:-40%;transform:rotate(15deg)}.brand-logo-block{width:fit-content;transform-style:preserve-3d;margin:0 auto 24px;padding:4px 10px 6px;animation:14s ease-in-out infinite logoRotateY,5.8s ease-in-out infinite logoPulse;position:relative}.brand-logo-block:before{content:"";-webkit-backdrop-filter:blur(6px);z-index:-1;background:linear-gradient(150deg,#ffffff38,#ffffff0f);border:1px solid #a8ebf67a;border-radius:14px;position:absolute;inset:-10px -16px;box-shadow:0 10px 26px #00000052,inset 0 1px #fff6}.brand-logo-main{text-align:center;letter-spacing:2px;color:#000;text-shadow:0 1px #ffffffe6,0 2px #c6d1d6cc,0 4px #8d9ba1bf,0 10px 18px #00000059,0 0 14px #68ebff73;margin:0;font-size:clamp(1.55rem,4.2vw,2.9rem);font-weight:900;line-height:1;position:relative}.brand-logo-main:after{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(95deg,#fff0,#ecfcffeb,#fff0);width:35%;height:150%;animation:6.8s linear infinite logoShine;position:absolute;top:-22%;left:-36%;transform:rotate(17deg)}.brand-logo-sub{text-align:center;letter-spacing:1.6px;text-transform:uppercase;color:#000;opacity:.92;text-shadow:0 2px 8px #3cb4ce47;margin:5px 0 0;font-size:clamp(.64rem,1.3vw,.85rem);font-weight:700}.brand-title{text-align:center;color:#000;letter-spacing:.6px;text-shadow:0 1px #ffffffbf,0 3px #80919673,0 10px 24px #34c6e473;margin:8px 0 0;font-size:clamp(1.2rem,3.1vw,2.15rem);font-weight:900;animation:6s ease-in-out infinite brandFloat,5s ease-in-out infinite brandGlow;position:relative}.install-app-btn{z-index:2;color:#000;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:linear-gradient(140deg,#ffffff4d,#ffffff1f);border:1px solid #61dff4a6;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:18px auto 0;padding:8px 14px;font-size:.88rem;font-weight:700;transition:transform .18s,box-shadow .2s,border-color .2s;display:inline-flex;position:relative;box-shadow:0 4px 14px #07192447,inset 0 1px #ffffff85,0 0 12px #58e3ff33}.install-app-btn:hover{border-color:#43d4fff2;transform:translateY(-1px);box-shadow:0 7px 18px #07192452,inset 0 1px #ffffff94,0 0 16px #58e3ff66}.install-app-btn:active{transform:translateY(1px)}.install-app-icon{font-size:.95rem;line-height:1}.dashboard-shell{z-index:2;-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff42,#ffffff17);border:1px solid #bef9ff61;border-radius:26px;width:min(1180px,96%);margin:2vh auto;padding:clamp(18px,3vw,34px);position:relative;box-shadow:0 20px 50px #0416226b,inset 0 1px #ffffff59}.dashboard-header{text-align:center;margin-bottom:22px}.dashboard-subtitle{color:#000;letter-spacing:1.6px;margin:0;font-size:.95rem}.dashboard-title{color:#000;letter-spacing:.8px;text-shadow:0 6px 30px #acfaff59;margin:8px 0 0;font-size:clamp(1.9rem,4.2vw,2.8rem)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.keyboard-key{color:#000;letter-spacing:.2px;text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:linear-gradient(160deg,#ffffff47,#ffffff1c);border:2px solid #0d1217;border-radius:14px;min-height:92px;padding:18px 14px;font-size:clamp(.94rem,1.5vw,1.08rem);font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background .22s;position:relative;overflow:hidden;box-shadow:0 10px #050f17e6,0 18px 30px #00101861,inset 0 1px #fff9}.keyboard-key:before{content:"";pointer-events:none;background:linear-gradient(110deg,#fff0,#d1fcff8c,#fff0);width:55%;height:170%;animation:4.6s linear infinite lightSweep;position:absolute;top:-35%;left:-70%;transform:rotate(16deg)}.keyboard-key span{z-index:2;position:relative}.keyboard-key:hover{background:linear-gradient(160deg,#ffffff59,#c2ffef33);border-color:#02070d;transform:translateY(-4px);box-shadow:0 13px #050f17eb,0 0 24px #68ecff99,0 24px 36px #0010186b,inset 0 1px #ffffffa6}.keyboard-key:active{transform:translateY(6px);box-shadow:0 3px #050f17f0,0 8px 20px #00101852,inset 0 2px 6px #08213059}.measurement-zone{background:linear-gradient(160deg,#fff3,#ffffff14);border:1px solid #bdf4fa59;border-radius:16px;margin-top:26px;padding:16px 14px 12px;box-shadow:inset 0 1px #ffffff4d}.measurement-head{color:#000;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px;font-size:.86rem}.measurement-track{background:#07131e94;border:1px solid #101923bf;border-radius:12px;height:42px;position:relative;overflow:hidden}.measurement-tape{transform-origin:0;background:repeating-linear-gradient(90deg,#11171df2 0 2px,#0000 2px 12px),linear-gradient(90deg,#d8ecff 0%,#ebfffc 42%,#d4f3f7 100%);width:100%;animation:5.8s ease-in-out infinite tapeLoop;position:absolute;inset:0 auto 0 0}.measurement-tape:after{content:"";background:linear-gradient(#ffffff52,#0000000f);position:absolute;inset:0}@property --meter-value{syntax:"<integer>";inherits:false;initial-value:100}.measurement-value{--meter-value:100;text-align:center;color:#000;background:#f0feffd1;border-radius:8px;min-width:52px;padding:4px 8px;font-size:.95rem;font-weight:800;animation:5.8s linear infinite meterValueLoop;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:0 2px 8px #00000038}.measurement-value:before{content:counter(meter) " cm";counter-reset:meter var(--meter-value)}@media (width>=700px){.home-page{padding:38px 20px}.brand-topbar{margin-bottom:18px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1200px){.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}@keyframes floatSoft{0%{transform:translate(0,0)scale(1)}50%{transform:translate(12px,-18px)scale(1.05)}to{transform:translate(-8px,10px)scale(.98)}}@keyframes gradientShift{0%{background-position:0%}to{background-position:100%}}@keyframes lightSweep{0%{opacity:0;left:-75%}10%{opacity:1}48%{opacity:.95}60%{opacity:0;left:125%}to{opacity:0;left:125%}}@keyframes tapeLoop{0%,to{transform:scaleX(1)}50%{transform:scaleX(.06)}}@keyframes meterValueLoop{0%{--meter-value:100}50%{--meter-value:0}to{--meter-value:100}}@keyframes brandFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes logoRotateY{0%,to{transform:perspective(900px)rotateY(-4deg)}50%{transform:perspective(900px)rotateY(4deg)}}@keyframes logoPulse{0%,to{scale:1}50%{scale:1.025}}@keyframes logoShine{0%{opacity:0;left:-38%}16%{opacity:1}52%{opacity:.95}65%{opacity:0;left:132%}to{opacity:0;left:132%}}@keyframes brandGlow{0%,to{filter:drop-shadow(0 0 6px #6ae7ff33)}50%{filter:drop-shadow(0 0 14px #6ae7ff85)}}@keyframes textLightSweep{0%{opacity:0;left:-45%}12%{opacity:1}45%{opacity:.95}60%{opacity:0;left:130%}to{opacity:0;left:130%}}@keyframes pulseFade{0%{opacity:.26;transform:translate(-40%,-50%)scale(1)}50%{opacity:.44;transform:translate(-40%,-50%)scale(1.08)}to{opacity:.24;transform:translate(-40%,-50%)scale(.95)}}