*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f8fafc;color:#1f2937;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.animate-slide-in{animation:slide-in .3s ease-out}.animate-fade-in{animation:fade-in .3s ease-out}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.68,-.55,.265,1.55)}.container{width:100%;max-width:1200px;margin:0 auto}.w-full{width:100%}.p-0{padding:0}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.cloud3d-bg{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;position:relative}.cloud3d-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.cloud3d-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 #6366f100}.cloud3d-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 4px #6366f11a}.cloud3d-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.cloud3d-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cloud3d-button-sm{padding:.5rem 1rem;font-size:.875rem}.cloud3d-button-md{padding:.75rem 1.5rem;font-size:1rem}.cloud3d-button-lg{padding:1rem 2rem;font-size:1.125rem}.cloud3d-button-full{width:100%}.cloud3d-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cloud3d-button-primary:hover{background:linear-gradient(135deg,#5568d3,#63408a)}.cloud3d-button-secondary{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);color:#4c1d95}.cloud3d-button-secondary:hover{background:linear-gradient(135deg,#c7d2fe,#ddd6fe)}.cloud3d-button-danger{background:linear-gradient(135deg,#fca5a5,#f87171);color:#fff}.cloud3d-button-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.cloud3d-button-success{background:linear-gradient(135deg,#86efac,#4ade80);color:#fff}.cloud3d-button-success:hover{background:linear-gradient(135deg,#4ade80,#22c55e)}.cloud3d-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #fff9;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.cloud3d-card-hover:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000026,0 10px 10px -5px #0000000a,inset 0 1px #fff9}.cloud3d-input-wrapper,.cloud3d-input-container{position:relative}.cloud3d-input{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.cloud3d-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a,0 1px 2px #0000000d}.cloud3d-input-error{border-color:#ef4444}.cloud3d-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.cloud3d-input-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#fff;padding:0 .5rem;color:#6b7280;font-size:1rem;pointer-events:none;transition:all .3s ease}.cloud3d-input-label-floating{top:0;transform:translateY(-50%);font-size:.75rem;color:#6366f1;font-weight:600}.cloud3d-input-error-message{margin-top:.5rem;color:#ef4444;font-size:.875rem}.cloud3d-switch-wrapper{display:flex;align-items:center;gap:.75rem}.cloud3d-switch-input{position:absolute;opacity:0;width:0;height:0}.cloud3d-switch{position:relative;width:3rem;height:1.75rem;background:#d1d5db;border-radius:9999px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000000f;cursor:pointer}.cloud3d-switch-checked{background:linear-gradient(135deg,#667eea,#764ba2)}.cloud3d-switch-handle{position:absolute;top:.25rem;left:.25rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:9999px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 2px 4px #0000001a}.cloud3d-switch-checked .cloud3d-switch-handle{transform:translate(1.25rem)}.cloud3d-switch-label{font-weight:500;color:#374151;-webkit-user-select:none;user-select:none}.cloud3d-shadow-soft{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.cloud3d-shadow-hard{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cloud3d-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.cloud3d-gradient-success{background:linear-gradient(135deg,#86efac,#4ade80)}.cloud3d-gradient-warning{background:linear-gradient(135deg,#fcd34d,#fbbf24)}.cloud3d-gradient-danger{background:linear-gradient(135deg,#fca5a5,#f87171)}@media (max-width: 768px){.cloud3d-card{border-radius:16px}.cloud3d-button-lg{padding:.875rem 1.75rem;font-size:1rem}}