body{background:linear-gradient(135deg,#f0f9f6,#e6f3f0);justify-content:center;align-items:center;min-height:100vh;font-family:Comfortaa;display:flex}.main{background:#fff;border-radius:25px;width:380px;padding:40px 30px;animation:.4s fadeIn;box-shadow:0 20px 40px #00000014}.main h1{text-align:center;color:#164e45;margin-bottom:30px;font-size:28px}.field{flex-direction:column;margin-bottom:20px;display:flex;position:relative}.field label{color:#164e45;margin-bottom:6px;font-size:14px;font-weight:600}.field input{border:2px solid #d9ece5;border-radius:12px;outline:none;padding:12px 14px;font-family:Comfortaa;font-size:15px;transition:all .25s}.field input:focus{border-color:#0f6b5c;font-family:Comfortaa;box-shadow:0 0 0 3px #0f6b5c1a}.field i{cursor:pointer;color:#5b8b80;cursor:grab;transition:all .2s;position:absolute;top:38px;right:12px}.field i:hover{color:#0f6b5c;cursor:grab}button{color:#fff;cursor:pointer;background:#0f6b5c;border:none;border-radius:14px;width:100%;padding:13px;font-family:Comfortaa;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 8px 16px #0f6b5c33}button:hover{background:#0a5347;font-family:Comfortaa;font-weight:600;transform:translateY(-2px)}button:active{font-family:Comfortaa;font-weight:600;transform:translateY(0)}button:focus{cursor:grab;font-family:Comfortaa;font-weight:600}.error{text-align:center;color:#5f0505;background-color:#ecc8c8;border-radius:32px;margin-bottom:10px;padding:10px 12px;font-size:14px;font-weight:700}.success{text-align:center;color:#063a05;background-color:#bfe0bf;border-radius:32px;margin-bottom:10px;padding:10px 12px;font-size:14px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.main{width:100%;padding:30px 20px}.main h1{font-size:24px}}.profile{background:#fff;border-radius:25px;width:100%;max-width:450px;margin:0 auto;padding:30px 25px;animation:.4s fadeIn;box-shadow:0 20px 40px #00000014}.profile h2{text-align:center;color:#164e45;margin-bottom:25px;font-size:26px;font-weight:600}.data{flex-direction:column;gap:20px;display:flex}.d{border-bottom:1px solid #e0f0ea;flex-direction:column;padding-bottom:15px;display:flex}.d:last-child{border-bottom:none;padding-bottom:0}.d h4{color:#5b8b80;letter-spacing:.3px;margin-bottom:6px;font-size:14px;font-weight:600}.d h3{color:#0f6b5c;word-break:break-word;font-size:20px;font-weight:600}.profile p{text-align:center;color:#5b8b80;padding:20px;font-size:16px}@media (width<=480px){.profile{border-radius:20px;max-width:100%;padding:20px 18px}.profile h2{margin-bottom:20px;font-size:22px}.d h3{font-size:18px}}*{box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:grab;margin:0;padding:0}.head{text-align:center;margin-bottom:30px}.head h1{color:#164e45;margin:0;font-size:28px;font-weight:700}.navbar{width:100%}.nav-links{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.link{flex:1;max-width:140px}.link a{text-align:center;color:#fff;cursor:grab;background:#0f6b5c;border-radius:14px;padding:13px 10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:block;box-shadow:0 8px 16px #0f6b5c33}.link a:hover{background:#0a5347;transform:translateY(-2px)}.link a:active{transform:translateY(0)}@media (width<=480px){.main{width:100%;padding:30px 20px}.head h1{font-size:24px}.nav-links{flex-direction:column;align-items:center;gap:12px}.link{width:100%;max-width:200px}}