*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{margin:0 auto;max-width:1400px;padding:24px}@media(max-width:768px){.container{padding:16px}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid hsla(0,0%,100%,.8);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:32px;padding:24px 32px}@media(max-width:768px){.header{margin-bottom:24px;padding:16px}}.header h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:30px;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}@media(max-width:768px){.header h1{font-size:24px}}.btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.btn:hover:before{height:300px;width:300px}.btn:active{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn span{position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #667eea66}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-secondary:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #f5576c66}.btn-danger{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-danger:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #f5576c66}.input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #667eea1a,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;outline:none;transform:translateY(-1px)}.input:hover:not(:disabled){border-color:#818cf8}.input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.card{animation:fadeInUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid hsla(0,0%,100%,.8);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:24px;padding:32px}@media(max-width:768px){.card{border-radius:12px;padding:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{align-items:center;display:flex;justify-content:center;min-height:200px;padding:48px}.loading:after{animation:spin .8s cubic-bezier(.5,0,.5,1) infinite;border-color:#6366f1 #818cf8 #f3f4f6 #f3f4f6;border-radius:50%;border-style:solid;border-width:4px;box-shadow:0 0 20px #667eea4d;content:"";height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;color:#ef4444}.error,.success{animation:slideInRight .3s ease;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-weight:500;margin-bottom:16px;padding:16px 24px}.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;color:#065f46}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}