#root{text-align:center;width:100%;height:100vh;margin:0;padding:2px}.App{height:100vh}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.screen{background:linear-gradient(90deg,#d7f3ce,#92cd87);width:360px;height:600px;position:relative;box-shadow:0 0 24px #4a7e4a}.screen__content{z-index:1;height:100%;position:relative}.screen__background{z-index:0;clip-path:inset(0);position:absolute;inset:0}.screen__background__shape{position:absolute;transform:rotate(45deg)}.screen__background__shape1{background:#fff;border-radius:0 72px 0 0;width:520px;height:520px;top:-50px;right:120px}.screen__background__shape2{background:#63ac73;border-radius:32px;width:220px;height:220px;top:-172px;right:0}.screen__background__shape3{background:linear-gradient(270deg,#54a459,#679e6b);border-radius:32px;width:190px;height:540px;top:-24px;right:0}.screen__background__shape4{background:#7bb97d;border-radius:60px;width:200px;height:400px;top:420px;right:50px}.login{width:320px;padding:156px 30px 30px}.login__field{padding:20px 0;position:relative}.login__icon{color:#7875b5;position:absolute;top:30px}.login__input{background:0 0;border:none;border-bottom:2px solid #d1d1d4;width:75%;padding:10px 10px 10px 24px;font-weight:700;transition:all .2s}.login__code{background:0 0;border:none;border-bottom:2px solid #d1d1d4;width:120px;padding:10px 10px 10px 24px;font-weight:700;transition:all .2s}.login__input:active,.login__input:focus,.login__input:hover{border-bottom-color:#6a679e;outline:none}.login__submit{text-transform:uppercase;color:#4c489d;cursor:pointer;background:#fff;border:1px solid #d4d3e8;border-radius:26px;align-items:center;width:100%;margin:0 auto;padding:16px 20px;font-size:14px;font-weight:700;transition:all .2s;display:block;box-shadow:0 2px 2px #5c5696}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:#6a679e;outline:none}.button__icon{color:#7875b5;margin-left:auto;font-size:24px}.social-login{text-align:center;color:#fff;position:absolute;bottom:0;right:0}.social-icons{justify-content:center;align-items:center;display:flex}.social-login__icon{color:#fff;text-shadow:0 0 8px #7875b5;padding:20px 10px;text-decoration:none}.social-login__icon:hover{transform:scale(1.5)}*{box-sizing:border-box;margin:0;padding:0}.container{width:100%;min-height:100vh;position:relative;overflow:hidden}.sky{z-index:1;background:radial-gradient(#a1d8ff 0%,#87ceeb 70%);width:100%;height:75%;position:absolute;top:0;left:0}.sun{z-index:2;background:radial-gradient(circle at 30% 30%,#ffec8b,gold 70%,orange);border-radius:50%;width:80px;height:80px;animation:60s ease-in-out infinite sunMovement;position:absolute;top:50px;right:15%;box-shadow:0 0 60px #ffd700b3,0 0 120px #ffa50066,inset 0 0 20px #fffc}.sun:after{content:"";filter:blur(2px);background:#fffc;border-radius:50%;width:15px;height:15px;position:absolute;top:10px;left:10px}.cloud{z-index:2;background-color:#fffffff2;border-radius:100px;position:absolute;box-shadow:0 10px 30px #fffc,inset 0 0 20px #ffffffe6}.cloud:before,.cloud:after{content:"";background-color:#fffffff2;border-radius:50%;position:absolute}.cloud1{border-radius:70px;width:140px;height:70px;animation:40s ease-in-out infinite cloudFloat;top:80px;left:10%}.cloud1:before{width:60px;height:60px;top:-20px;left:15px}.cloud1:after{width:80px;height:80px;top:-30px;left:50px}.cloud2{border-radius:90px;width:200px;height:90px;animation:50s ease-in-out infinite reverse cloudFloat;top:150px;left:30%}.cloud2:before{width:80px;height:80px;top:-30px;left:20px}.cloud2:after{width:100px;height:100px;top:-40px;left:70px}.cloud3{border-radius:80px;width:170px;height:80px;animation:45s ease-in-out infinite cloudFloat;top:100px;left:60%}.cloud3:before{width:70px;height:70px;top:-25px;left:15px}.cloud3:after{width:90px;height:90px;top:-35px;left:60px}.mountains{z-index:3;width:100%;height:250px;position:absolute;bottom:30%}.mountain{position:absolute;bottom:0;overflow:hidden}.mountain-path{fill:#3a5f0b;stroke:#2c4a08;stroke-width:2px;stroke-linejoin:round}.mountain1{width:300px;height:200px;left:5%}.mountain2{width:280px;height:180px;left:20%}.mountain3{width:320px;height:220px;left:40%}.mountain4{width:260px;height:170px;left:60%}.mountain5{width:290px;height:190px;left:80%}.field{z-index:4;background:radial-gradient(at 30% 100%,#9ccc65 20%,#0000 70%),radial-gradient(at 70% 100%,#7cb342 20%,#0000 70%),linear-gradient(#9ccc65 0%,#7cb342 70%,#5a8c2f 100%);border-top-left-radius:50% 20%;border-top-right-radius:50% 20%;width:100%;height:35%;position:absolute;bottom:0}.grass{z-index:4;background:repeating-linear-gradient(90deg,#0000,#0000 20px,#5a8c2f4d 20px 40px),radial-gradient(at 50% 0,#5a8c2f,#0000 70%);width:100%;height:80px;position:absolute;bottom:35%}.windmill{z-index:5;width:140px;height:230px;position:absolute;bottom:35%;right:15%}.windmill-base{background:radial-gradient(at 50% 0,sienna,#8b4513 70%);border-radius:15px 15px 0 0;width:25px;height:160px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.windmill-roof{background:radial-gradient(at 50% 100%,#d2691e,sienna 70%);border-radius:30px 30px 0 0;width:60px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}.windmill-blades{width:100px;height:100px;animation:10s linear infinite spin;position:absolute;top:40px;left:50%;transform:translate(-50%)}.blade{transform-origin:10%;background:radial-gradient(at 90%,#f4a460,#daa520 70%);border-radius:0 12px 12px 0;width:100px;height:25px;position:absolute}.blade1{top:37.5px;left:0;transform:rotate(0)}.blade2{top:37.5px;left:0;transform:rotate(90deg)}.blade3{top:37.5px;left:0;transform:rotate(45deg)}.blade4{top:37.5px;left:0;transform:rotate(135deg)}.tree{z-index:5;position:absolute;bottom:35%}.tree-trunk{background:radial-gradient(at 50% 0,sienna,#8b4513 70%);border-radius:10px 10px 0 0;width:20px;height:90px;position:absolute;bottom:-10px}.tree-leaves{background:radial-gradient(at 50% 30%,#4caf50,#2e7d32 70%);border-radius:50%;width:90px;height:100px;position:absolute;bottom:70px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 20px #4caf5080,0 5px 15px #2e7d324d}.tree-leaves:before,.tree-leaves:after{content:"";background:radial-gradient(#4caf50,#2e7d32 70%);border-radius:50%;position:absolute}.tree-leaves:before{width:70px;height:80px;top:-20px;left:-15px}.tree-leaves:after{width:80px;height:70px;top:-15px;right:-20px}.tree1{left:10%;transform:scale(.9)}.tree2{left:25%;transform:scale(1.2)}.tree3{left:45%;transform:scale(1)}.tree4{left:70%;transform:scale(.8)}.flower{z-index:6;width:40px;height:60px;position:absolute;bottom:35%}.flower-stem{background:linear-gradient(#228b22 30%,#32cd32);border-radius:2px;width:4px;height:40px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.flower-head{border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffffff80,inset 0 0 10px #ffffff4d}.flower-petal{transform-origin:50%;border-radius:50%;width:15px;height:15px;position:absolute}.flower1{bottom:37%;left:15%}.flower1 .flower-head{background:radial-gradient(circle at 30% 30%,#ffb6c1,#ff69b4 70%)}.flower2{bottom:36%;left:35%}.flower2 .flower-head{background:radial-gradient(circle at 30% 30%,#fffacd,gold 70%)}.flower3{bottom:38%;left:55%}.flower3 .flower-head{background:radial-gradient(circle at 30% 30%,#e6e6fa,#9370db 70%)}.flower4{bottom:37%;left:85%}.flower4 .flower-head{background:radial-gradient(circle at 30% 30%,#ffb6c1,tomato 70%)}.butterfly{z-index:7;width:50px;height:40px;animation:25s ease-in-out infinite butterflyFly;position:absolute}.butterfly-wing{background:radial-gradient(at 70% 30%,#ff6b6b,#ff4757 70%);border-radius:50% 50% 50% 0;animation:.8s ease-in-out infinite alternate butterflyWing;position:absolute}.butterfly-wing.left{transform-origin:100%;border-radius:50% 0 50% 50%;width:25px;height:40px;left:0}.butterfly-wing.right{transform-origin:0;border-radius:0 50% 50%;width:25px;height:40px;right:0}.butterfly-body{background:radial-gradient(#333,#000 70%);border-radius:5px;width:10px;height:40px;position:absolute;left:50%;transform:translate(-50%)}.butterfly-body:before{content:"";background-color:#333;border-radius:50%;width:8px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.bird{z-index:6;width:40px;height:20px;animation:30s linear infinite birdFly;position:absolute}.bird-body{background:radial-gradient(at 30%,#8b4513,#654321 70%);border-radius:50%;width:25px;height:15px;position:absolute}.bird-wing{background:radial-gradient(at 70%,#8b4513,#654321 70%);border-radius:50% 0 50% 50%;width:20px;height:10px;animation:1s ease-in-out infinite alternate birdWing;position:absolute}.bird-wing.left{transform-origin:100%;top:-5px;left:5px}.bird-wing.right{transform-origin:100%;top:10px;left:5px}.content{z-index:10;text-align:center;border-radius:30px;width:360px;height:600px;padding:35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}h1{color:#2e7d32;text-shadow:2px 2px 8px #0000001a;letter-spacing:1px;margin-bottom:15px;font-size:3rem;font-weight:800}.subtitle{color:#5a8c2f;margin-bottom:25px;font-size:1.5rem;font-style:italic;font-weight:300}p{color:#444;margin-bottom:25px;font-size:1.15rem;line-height:1.7}.features{flex-wrap:wrap;justify-content:center;gap:25px;margin-top:35px;display:flex}.feature{background-color:#ffffffb3;border-radius:25px;flex:1;min-width:220px;padding:25px;transition:all .4s;box-shadow:0 10px 20px #0000000d,inset 0 0 20px #ffffff80}.feature:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a,inset 0 0 20px #ffffffb3}.feature i{color:#7cb342;margin-bottom:20px;font-size:3rem}.feature h3{color:#2e7d32;margin-bottom:15px;font-size:1.4rem}.controls{z-index:100;gap:15px;display:flex;position:absolute;bottom:30px;right:30px}.control-btn{color:#2e7d32;cursor:pointer;background-color:#ffffffe6;border:none;border-radius:30px;padding:12px 25px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 20px #00000026,inset 0 0 10px #fffc}.control-btn:hover{color:#fff;background-color:#2e7d32;transform:translateY(-5px)scale(1.05);box-shadow:0 12px 25px #0003,inset 0 0 15px #ffffff4d}@keyframes sunMovement{0%{filter:brightness();transform:translate(0)rotate(0)scale(1)}50%{filter:brightness(1.2);transform:translate(-30px)rotate(180deg)scale(1.1)}to{filter:brightness();transform:translate(0)rotate(360deg)scale(1)}}@keyframes cloudFloat{0%{transform:translate(0)translateY(0)}25%{transform:translate(20px)translateY(-5px)}50%{transform:translate(0)translateY(5px)}75%{transform:translate(-20px)translateY(-3px)}to{transform:translate(calc(100vw + 200px))translateY(0)}}@keyframes spin{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@keyframes butterflyFly{0%{top:40%;left:-50px;transform:rotate(0)scale(1)}25%{top:30%;transform:rotate(15deg)scale(1.1)}50%{top:45%;transform:rotate(0)scale(1)}75%{top:35%;transform:rotate(-15deg)scale(1.1)}to{top:40%;left:calc(100vw + 50px);transform:rotate(0)scale(1)}}@keyframes butterflyWing{0%{transform:scaleY(.7)rotate(5deg)}to{transform:scaleY(1.3)rotate(-5deg)}}@keyframes birdFly{0%{top:20%;left:-50px;transform:rotate(0)}25%{top:25%;transform:rotate(5deg)}50%{top:20%;transform:rotate(0)}75%{top:15%;transform:rotate(-5deg)}to{top:20%;left:calc(100vw + 50px);transform:rotate(0)}}@keyframes birdWing{0%{transform:rotate(-10deg)}to{transform:rotate(20deg)}}@media (max-width:768px){h1{font-size:2.2rem}.subtitle{font-size:1.2rem}.features{flex-direction:column}.windmill{right:5%;transform:scale(.8)}.content{padding:25px}}.night-mode .sky{background:radial-gradient(#1a2b4a 0%,#0a1931 70%)}.night-mode .sun{background:radial-gradient(circle at 30% 30%,khaki,#daa520 70%,#b8860b);box-shadow:0 0 40px #f0e68c99,0 0 80px #daa5204d,inset 0 0 20px #ffffff80}.night-mode .cloud{background-color:#c8c8dcb3;box-shadow:0 10px 30px #c8c8dc80,inset 0 0 20px #e6e6fa80}.night-mode .cloud:before,.night-mode .cloud:after{background-color:#c8c8dcb3}.night-mode .mountain-path{fill:#2c4a08;stroke:#1e3a08}.night-mode .field{background:radial-gradient(at 30% 100%,#5a8c2f 10%,#0000 70%),radial-gradient(at 70% 100%,#4a7c1f 10%,#0000 70%),linear-gradient(#5a8c2f 0%,#4a7c1f 70%,#3a6c0f 100%)}.ant-layout-sider{border-radius:12px;overflow:hidden;box-shadow:2px 0 8px #0000000f;background:#fff!important}.ant-menu-light{color:#333;background:0 0!important;border-right:none!important}.ant-menu-light .ant-menu-item-group-title{color:#999;text-transform:uppercase;letter-spacing:1px;font-size:11px;padding:12px 16px 4px!important}.ant-menu-light .ant-menu-item,.ant-menu-light .ant-menu-submenu-title{color:#555;border-radius:8px;height:40px;margin:2px 8px;font-size:14px;line-height:40px;transition:all .2s}.ant-menu-light .ant-menu-item:hover,.ant-menu-light .ant-menu-submenu-title:hover{color:#3a5f0b;background:#f0fbe4!important}.ant-menu-light .ant-menu-item-selected{font-weight:600;color:#3a5f0b!important;background:#e8f5d6!important}.ant-menu-light .ant-menu-item-selected:after{display:none}.ant-menu-light .ant-menu-inline,.ant-menu-light .ant-menu-sub.ant-menu-inline{background:0 0!important;border-right:none!important}.ant-menu-light .ant-menu-item:not(.ant-menu-item-selected){color:#666}.ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):hover{color:#3a5f0b;background:#f5fdf0!important}.ant-menu-light .anticon{vertical-align:middle;color:inherit;margin-right:8px;font-size:16px}.ant-menu-light .ant-menu-item,.ant-menu-light .ant-menu-submenu-title{align-items:center;display:flex}.ant-menu-light .ant-menu-submenu-arrow{color:#bbb;right:12px}.ant-menu-light .ant-menu-item-divider{background:#f0f0f0;margin:4px 12px}.ant-menu-submenu-popup{border-radius:8px!important;box-shadow:0 4px 16px #0000001f!important}