*{margin:0;padding:0;box-sizing:border-box}body{background:#0d0d0d;font-family:'Poppins',sans-serif;color:white;min-height:100vh;display:flex;flex-direction:column}.background-grid{position:fixed;inset:0;z-index:-1;background:#0d0d0d}.background-grid::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 50% 0%,rgba(255,193,198,0.06),transparent 70%)}.background-grid::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);background-size:60px 60px}.container{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.intro-text{font-weight:900;font-size:3rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1)}.intro-text.visible{opacity:1}.intro-text.slide-up{transform:translate(-50%,-80%);opacity:0}.intro-text.slide-down{transform:translate(-50%,80%);opacity:0}#firstText{color:white}#secondText{color:#ffc1c6}.main-content{opacity:0;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1);overflow:visible}.main-content.visible{opacity:1}.logo-hover-area{padding:10px;overflow:visible}.logo-text-group{display:flex;align-items:center}.logo{width:120px;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}.brand-text{font-weight:900;font-size:2.5rem;color:#ffc1c6;opacity:0;width:0;overflow:visible;white-space:nowrap;transition:all 0.4s cubic-bezier(0.22,1,0.36,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.logo-hover-area:hover .logo{transform:translateX(-10px)}.logo-hover-area:hover .brand-text{opacity:1;width:220px;margin-left:4px}.buttons{display:flex;gap:16px}.btn{padding:8px 20px;font-weight:300;font-size:0.9rem;background:#151515;color:white;text-decoration:none;border:1px solid #252525;border-radius:6px;cursor:pointer;transition:border-color 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1)}.btn:hover{border-color:#ffc1c6;box-shadow:0 0 10px rgba(255,193,198,0.3)}footer{background:#111;padding:30px;border-top:1px solid #1a1a1a}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-logo-group{display:flex;align-items:center;gap:12px}.footer-logo{width:40px}.footer-brand-text{font-weight:900;color:#ffc1c6}.footer-links{text-align:right}.footer-links p{font-size:0.85rem;color:#888;margin-bottom:6px}.footer-links a{color:#ffc1c6;font-size:0.85rem;text-decoration:none;margin-left:16px;transition:opacity 0.2s}.footer-links a:first-child{margin-left:0}.footer-links a:hover{text-decoration:underline;opacity:0.8}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),visibility 0.3s}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#0f0f0f;border:1px solid #222;border-radius:12px;width:90%;max-width:420px;transform:scale(0.95) translateY(10px);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal-large{max-width:560px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #1a1a1a}.modal-header h2{font-weight:900;font-size:1.2rem;color:#ffc1c6}.modal-close{background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color 0.2s}.modal-close:hover{color:white}.modal-body{padding:24px}.modal-body p{font-weight:300;font-size:0.9rem;color:#ccc;line-height:1.6;margin-bottom:16px}.modal-body p:last-child{margin-bottom:0}.modal-scroll{max-height:400px;overflow-y:auto}.modal-scroll::-webkit-scrollbar{width:6px}.modal-scroll::-webkit-scrollbar-track{background:#111}.modal-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.modal-body h3{font-weight:900;font-size:0.95rem;color:white;margin:20px 0 10px}.modal-body h3:first-of-type{margin-top:0}.modal-body .updated{color:#666;font-size:0.8rem;margin-bottom:20px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:300;font-size:0.85rem;color:#ccc}.checkbox-label input{width:18px;height:18px;accent-color:#ffc1c6;cursor:pointer}.modal-link{color:#ffc1c6;text-decoration:none}.modal-link:hover{text-decoration:underline}.password-display{display:flex;align-items:center;gap:12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:12px 16px;margin-top:8px}.password-display code{flex:1;font-family:'Courier New',monospace;font-size:1.1rem;color:#ffc1c6;letter-spacing:1px;user-select:all}.copy-btn{padding:8px 16px;font-family:'Poppins',sans-serif;font-weight:300;font-size:0.8rem;background:#252525;color:#ccc;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.copy-btn:hover{background:#333;color:white;border-color:#ffc1c6}.winrar-note{margin-top:12px;font-size:0.8rem;color:#888;text-align:center}.winrar-note a{color:#ffc1c6;text-decoration:none;transition:opacity 0.2s ease}.winrar-note a:hover{opacity:0.8;text-decoration:underline}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #1a1a1a}.modal-btn{padding:10px 20px;font-family:'Poppins',sans-serif;font-weight:300;font-size:0.85rem;border:none;border-radius:6px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.modal-btn.cancel{background:#1a1a1a;color:#888}.modal-btn.cancel:hover{background:#222;color:white}.modal-btn.accept{background:#ffc1c6;color:#191919;font-weight:600}.modal-btn.accept:hover{background:#ffd1d4}.modal-btn.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}@media (max-width:600px){.intro-text{font-size:2rem}.logo{width:80px}.brand-text{font-size:1.8rem}.buttons{flex-direction:column;gap:10px}.footer-content{flex-direction:column;gap:20px;text-align:center}.footer-links{text-align:center}.modal{width:95%;margin:20px}.modal-scroll{max-height:300px}}