body{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);min-height:100vh;margin:0;font-family:Inter,sans-serif}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0003}.container{max-width:1100px;margin:auto;padding:20px}.btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:10px;padding:12px 18px;transition:all .3s}.btn:hover{background:#ffffff59}.btn-primary{background:#6366f1}.btn-primary:hover{background:#4f46e5}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.card{text-align:center;padding:20px;transition:all .3s}.card:hover{transform:translateY(-6px)}.drop-zone{text-align:center;cursor:pointer;border:2px dashed #fff6;border-radius:12px;padding:40px}.action-btn{color:#fff;cursor:pointer;background:#4c6ef5;border:none;border-radius:6px;padding:10px 20px;font-weight:500}.action-btn:hover{background:#3b5bdb}.progress{background:#ddd;border-radius:5px;height:8px;margin-top:20px;overflow:hidden}.progress-bar{background:#4c6ef5;height:100%;transition:all .3s}.password-box{gap:10px;margin-top:20px;display:flex}.password-input{border:1px solid #ccc;border-radius:6px;flex:1;padding:10px}.tools-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;padding:40px;display:grid}.tool-card{color:#fff;-webkit-backdrop-filter:blur(14px);text-align:center;background:#ffffff1f;border:1px solid #fff3;border-radius:16px;padding:25px;text-decoration:none;transition:all .3s}.tool-card h3{margin-top:10px;font-size:18px;font-weight:600}.tool-card p{opacity:.8;margin-top:5px;font-size:14px}.tool-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 15px 40px #0000004d}.tool-icon{color:#fff;justify-content:center;margin-bottom:10px;display:flex}.blog-title{margin-bottom:30px;font-size:32px}.featured-card{text-align:center;margin-bottom:40px;padding:40px}.featured-card h2{margin-bottom:10px;font-size:28px}.featured-card p{opacity:.85;margin-bottom:20px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;display:grid}.blog-card{padding:25px;transition:all .3s}.blog-card h3{margin-bottom:8px;font-size:18px}.blog-card p{opacity:.8;margin-bottom:15px;font-size:14px}.blog-card:hover{transform:translateY(-6px)}.read-link{color:#fff;font-size:14px;text-decoration:underline}.btn-primary{color:#fff;background:#4f46e5;border-radius:8px;padding:10px 18px;text-decoration:none;display:inline-block}