.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5c3ff,#c8e7ff);overflow:hidden;position:relative;padding:20px}.particles-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.login-container{position:relative;z-index:2;width:90%;max-width:400px;padding:2.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 15px 35px #0000001a;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.login-container:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000026}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:2rem;font-weight:700;color:#7c4dff;margin-bottom:.5rem;position:relative;display:inline-block}.login-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#7c4dff,#ff59d1);border-radius:3px}.login-subtitle{color:#666;font-size:1rem;font-weight:400}.form-group{margin-bottom:1.5rem;position:relative}.form-input{width:100%;padding:1rem 1rem 1rem 3rem;border:none;border-radius:12px;background:#f5f5ffe6;font-size:1rem;color:#333;transition:all .3s ease;box-shadow:0 5px 15px #0000000d}.form-input:focus{outline:none;background:#fff;box-shadow:0 8px 20px #7c4dff26;transform:translateY(-2px)}.form-input::-moz-placeholder{color:#aaa}.form-input::placeholder{color:#aaa}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#7c4dff;font-size:1.2rem}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#999;cursor:pointer;transition:color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.password-toggle:hover{color:#7c4dff}.login-btn{width:100%;padding:1rem;border:none;border-radius:12px;background:linear-gradient(90deg,#7c4dff,#ff59d1);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #7c4dff66;position:relative;overflow:hidden}.login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #7c4dff99}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.login-btn:hover:before{left:100%}.login-footer{text-align:center;margin-top:1.5rem;color:#777;font-size:.9rem}.login-footer a{color:#7c4dff;text-decoration:none;transition:color .3s}.login-footer a:hover{color:#ff59d1;text-decoration:underline}.floating-element{position:absolute;border-radius:50%;background:linear-gradient(45deg,#7c4dff33,#ff59d133);filter:blur(5px);z-index:0;animation:float 15s infinite linear}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(20px,40px) rotate(90deg)}50%{transform:translateY(80px) rotate(180deg)}75%{transform:translate(-20px,40px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(2.5);opacity:0}}.error-message{color:#e74c3c;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:8px;padding:.75rem;margin-bottom:1rem;font-size:.9rem}@media (max-width: 480px){.login-container{padding:1.5rem}.login-title{font-size:1.7rem}.form-input{padding:.8rem .8rem .8rem 2.8rem}.input-icon{left:.8rem;font-size:1.1rem}}.home-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e1e1e,#ff6fa3);overflow:hidden;position:relative;padding:20px}.particles-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.home-container{position:relative;z-index:1;width:90%;max-width:800px;padding:2.5rem;background:#282828f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 15px 35px #0000004d;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;color:#f0f0f0}.home-header{text-align:center;margin-bottom:2.5rem}.home-title{font-size:2.5rem;font-weight:700;color:#ff6fa3;margin-bottom:.5rem;position:relative;display:inline-block}.home-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#ff6fa3,#ff9ecb);border-radius:3px}.home-subtitle{color:#bbb;font-size:1.1rem;font-weight:400}.counter-section{text-align:center;margin-bottom:3rem}.counter-display{margin-bottom:2rem}.counter-number{font-size:4rem;font-weight:800;color:#ff6fa3;display:block;line-height:1;margin-bottom:.5rem;text-shadow:0 3px 10px rgba(255,111,163,.3)}.counter-label{color:#999;font-size:1.1rem}.increment-btn{padding:1.2rem 2.5rem;border:none;border-radius:50px;background:linear-gradient(90deg,#333,#ff6fa3);color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #ff6fa366;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem}.increment-btn:hover{box-shadow:0 8px 25px #ff6fa399}.btn-icon,.btn-arrow{font-size:1.4rem}.increment-btn:hover .btn-arrow{transform:translate(5px)}.effects-container{position:relative;height:200px;margin-bottom:2rem}.click-effect{position:absolute;color:#ff6fa3;font-size:1.5rem;font-weight:700;pointer-events:none;z-index:10;transform:rotate(-10deg) scale(1.2);animation:floatUp 1s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0) rotate(-10deg) scale(1.2)}to{opacity:0;transform:translateY(-60px) rotate(-20deg) scale(.8)}}.message-board{margin-top:3rem;padding:2rem;background:#323232f2;border-radius:16px;box-shadow:0 8px 20px #0000004d;color:#eee}.board-title{font-size:1.5rem;color:#ff6fa3;margin-bottom:1rem;text-align:center}.message-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.message-input,.message-textarea{padding:.8rem;border:1px solid #555;border-radius:8px;font-size:1rem;background:#333;color:#f0f0f0}.message-textarea{resize:none}.message-btn{align-self:flex-end;padding:.6rem 1.2rem;border:none;border-radius:8px;background:linear-gradient(90deg,#444,#ff6fa3);color:#fff;cursor:pointer;transition:.3s;position:relative;overflow:hidden}.message-btn:hover{opacity:.9}.click-stats-card{background:linear-gradient(135deg,#7c4dff,#ff80ab);color:#fff;padding:20px 25px;border-radius:20px;box-shadow:0 10px 25px #0003;margin-bottom:20px;text-align:center;animation:fadeIn .8s ease-out}.stats-title{font-size:1.3rem;font-weight:700;margin-bottom:15px}.stats-grid{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap}.stat-item{flex:1 1 120px;min-width:100px;max-width:180px;background:#ffffff26;padding:15px 20px;border-radius:15px;transition:transform .3s;text-align:center;margin-bottom:10px}.stat-item:hover{transform:translateY(-5px) scale(1.05)}.stat-number{font-size:1.8rem;font-weight:700;margin:0}.stat-label{font-size:.9rem;margin-top:5px;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.stats-grid{flex-direction:column;align-items:center}.stat-item{width:80%;max-width:none}}