body{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:20px}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 0 1px #fff3}.header{justify-content:space-between;align-items:center;margin:15px;padding:15px 25px;display:flex}.header a{color:#fff;opacity:.8;text-decoration:none}.header a:hover{opacity:1}.footer{text-align:center;margin:15px;padding:15px}.container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card{color:#fff;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff12;border-radius:20px;padding:40px;text-decoration:none;transition:all .3s}.card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 10px 30px #00000080}.page{text-align:center;max-width:500px;margin:auto}.page input{color:#fff;background:#ffffff1a;border:none;border-radius:12px;outline:none;width:90%;margin:15px 0;padding:12px}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:12px 20px;transition:all .3s}button:hover{transform:scale(1.05)}.page p{opacity:.9;margin-top:15px;font-size:18px}.home{border:2px solid #0ff;border-radius:20px;padding:2% 4%}