.start-page:before{content:"";background:radial-gradient(#5c00f04d 0%,#27035e 50%,#000 100%);position:absolute;inset:0}.start-orb{filter:blur(40px);border-radius:50%;animation:20s ease-in-out infinite startFloatOrb;position:absolute}.start-orb-1{background:radial-gradient(circle,color-mix(in srgb,var(--color-primary-300)30%,transparent),transparent 70%);width:400px;height:400px;top:-100px;left:-100px}.start-orb-2{background:radial-gradient(circle,color-mix(in srgb,var(--color-secondary-500)20%,transparent),transparent 70%);width:300px;height:300px;animation-delay:-5s;top:50%;right:-50px}.start-orb-3{background:radial-gradient(circle,color-mix(in srgb,var(--color-primary-300)25%,transparent),transparent 70%);width:350px;height:350px;animation-delay:-10s;bottom:-100px;left:30%}.start-orb-4{background:radial-gradient(circle,color-mix(in srgb,var(--color-primary-400)25%,transparent),transparent 70%);width:250px;height:250px;animation-delay:-15s;top:20%;right:20%}@keyframes startFloatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,10px)scale(1.02)}}.login-cards-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.preview-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:16px;position:absolute}.preview-card-1{opacity:.6;width:160px;animation:8s ease-in-out infinite floatSlow;top:12%;left:5%;transform:rotate(-6deg)}.preview-card-2{text-align:center;opacity:.5;width:130px;animation:6s ease-in-out infinite floatMedium;top:15%;right:5%;transform:rotate(3deg)}.preview-card-3{opacity:.5;width:160px;animation:6s ease-in-out -2s infinite floatMedium;bottom:15%;left:5%;transform:rotate(3deg)}.preview-card-4{opacity:.6;width:140px;animation:8s ease-in-out -4s infinite floatSlow;bottom:18%;right:5%;transform:rotate(-3deg)}.preview-card-title{color:#d7f02e;margin-bottom:8px;font-size:10px;font-weight:500}.preview-card-title.teal{color:#00c0c1}.preview-card-title.purple{color:#c5a2ff}.preview-progress{background:#d7f02e4d;border-radius:3px;height:5px;margin-bottom:6px}.preview-progress-fill{background:#d7f02e;border-radius:3px;width:75%;height:100%}.preview-bar{background:#ffffff1a;border-radius:3px;height:5px;margin-bottom:5px}.preview-bar.short{width:60%}.preview-score{color:#d7f02e;font-size:28px;font-weight:700}.preview-label{color:#fff6;font-size:9px}.preview-bars{align-items:flex-end;gap:3px;height:40px;display:flex}.preview-bars .bar{background:#00c0c166;border-radius:2px;flex:1}.preview-bars .h-12{height:40px}.preview-bars .h-10{height:32px}.preview-bars .h-8{height:26px}.preview-bars .h-6{height:20px}.preview-habits{gap:6px;display:flex}.habit-dot{color:#27035e;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;display:flex}.habit-dot.half{background:#d7f02e80}.habit-dot.full{background:#d7f02e}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-15px)rotate(-4deg)}}@keyframes floatMedium{0%,to{transform:translateY(0)rotate(3deg)}50%{transform:translateY(-20px)rotate(5deg)}}