body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);min-height:100vh;display:flex;align-items:center;justify-content:center}.page{width:100%;display:flex;flex-direction:column;align-items:center}.header h1{color:#fff;font-size:36px;margin-bottom:5px}.header{color:#fff;margin-bottom:20px;text-align:center;display:flex;flex-direction:column;align-items:center}.card{margin-top:20px;width:900px;padding:30px;border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003;color:#fff}.btn{border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:600;background:#22c55e;color:#fff;transition:.3s}.btn:hover{transform:scale(1.05)}.btn.secondary{background:#64748b}.textInput{padding:10px;border-radius:10px;border:none;outline:none}.folderItem{padding:10px;background:#ffffff1a;border-radius:10px;cursor:pointer}.folderItem:hover{background:#fff3}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center}.modalCard{width:600px;background:#1f2937;padding:20px;color:#fff;border-radius:16px}.footer{margin-top:0;text-align:center;padding:20px;color:#cbd5f5;line-height:.5}.bg{position:fixed;width:100%;height:100%;top:0;left:0;background:linear-gradient(-45deg,#0f2027,#203a43,#2c5364,#1b1b1b);background-size:400% 400%;animation:gradientMove 10s ease infinite;z-index:-2}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.circle{position:fixed;border-radius:50%;opacity:.3;animation:float 8s infinite ease-in-out;z-index:-1}.circle1{width:120px;height:120px;background:#00c6ff;top:20%;left:10%}.circle2{width:200px;height:200px;background:#ff6a00;bottom:15%;right:10%;animation-delay:2s}.circle3{width:90px;height:90px;background:#0f9;top:60%;left:50%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}.progressBar{width:100%;height:10px;background:#fff3;border-radius:10px;overflow:hidden;margin-top:8px}.progressFill{height:100%;background:#22c55e;border-radius:10px;transition:width .4s ease}*{box-sizing:border-box}body{margin:0}