:root{--background:#0a0a0c;--foreground:#ffffff;--primary:#c200fb;--secondary:#ec0868;--accent:#fc2f00;--glass:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--card-bg:rgba(20,20,25,0.8)}*{box-sizing:border-box;padding:0;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;min-height:100vh}main{padding:2rem;max-width:1200px;margin:0 auto}.hero{text-align:center;margin-bottom:4rem;padding:4rem 1rem;background:radial-gradient(circle at center,rgba(194,0,251,.15) 0,transparent 70%)}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(90deg,#c200fb,#ec0868);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:#a0a0a0;max-width:600px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 20px rgba(194,0,251,.2)}.card i{font-size:3rem;margin-bottom:1.5rem;display:block}.card h3{font-size:1.5rem;margin-bottom:.5rem}.card p{color:#808080;font-size:.9rem}.upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal{background:#15151a;border:1px solid var(--glass-border);border-radius:30px;padding:3rem;width:100%;max-width:600px;text-align:center}.dropzone{border:2px dashed var(--glass-border);border-radius:20px;padding:4rem 2rem;margin:2rem 0;transition:all .3s ease;cursor:pointer}.dropzone.active,.dropzone:hover{border-color:var(--primary);background:rgba(194,0,251,.05)}input[type=password]{width:100%;padding:1rem;border-radius:12px;background:#202025;border:1px solid var(--glass-border);color:white;margin-bottom:1.5rem;outline:none}input[type=password]:focus{border-color:var(--primary)}button{background:linear-gradient(to right,var(--primary),var(--secondary));color:white;border:none;padding:1rem 2.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:transform .2s}button:hover{transform:scale(1.05)}button:disabled{opacity:.5;cursor:not-allowed}.close-btn{position:absolute;top:2rem;right:2rem;background:none;border:none;color:white;font-size:2rem;cursor:pointer}