@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary, #ffffff)}.header{background:#000;color:#fff;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000001a}.header h1{font-size:2rem;font-weight:600}.main-content{max-width:1200px;width:100%;margin:0 auto;padding:2rem;flex:1}.form-section,.list-section{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.form-section h2,.list-section h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.user-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#555}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background-color:#000;color:#fff}.btn-primary:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-edit{background-color:#ffc107;color:#333;padding:.5rem 1rem;margin-right:.5rem}.btn-edit:hover{background-color:#e0a800}.btn-danger{background-color:#dc3545;color:#fff;padding:.5rem 1rem}.btn-danger:hover{background-color:#c82333}table{width:100%;border-collapse:collapse}table thead{background-color:#f8f9fa}table th,table td{padding:1rem;text-align:left;border-bottom:1px solid #ddd}table th{font-weight:600;color:#555}table tbody tr:hover{background-color:#f8f9fa}table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.main-content{padding:1rem}.form-section,.list-section{padding:1.5rem}table{font-size:.875rem}table th,table td{padding:.75rem .5rem}.form-actions{flex-direction:column}.btn{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin .8s linear infinite}.suit-container{min-height:100vh;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.suit-left{flex:1;background:linear-gradient(135deg,#000,#828282);display:flex;align-items:center;justify-content:center;padding:80px 60px;position:relative;overflow:hidden}.suit-left:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(0,0,0,1,.15) 0%,transparent 70%);top:-20%;left:-10%;animation:float1 20s ease-in-out infinite;border-radius:50%}.suit-left:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,0,0,1,.12) 0%,transparent 70%);bottom:-15%;right:-8%;animation:float2 25s ease-in-out infinite;border-radius:50%}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.15)}}.suit-left{background-image:linear-gradient(135deg,#000,#f3f3f3,#000),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,transparent 1px,transparent 2px,rgba(255,255,255,.03) 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,transparent 1px,transparent 2px,rgba(255,255,255,.03) 3px)}.suit-content{position:relative;z-index:1;max-width:600px;display:flex;align-items:center;justify-content:center}.suit-logo{max-width:280px;width:100%;height:auto;filter:drop-shadow(0 10px 40px rgba(0,0,0,1,.4));animation:logoFloat 6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.suit-title{font-size:42px;font-weight:700;background:linear-gradient(135deg,#fff,#b3ffe0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:20px;letter-spacing:-1px;text-shadow:0 0 40px rgba(0,0,0,1,.3)}.suit-subtitle{font-size:16px;color:#ffffffd9;line-height:1.6;font-weight:400;text-shadow:0 2px 8px rgba(0,0,0,.2)}.suit-right{flex:1;background:linear-gradient(135deg,#f7fcfb,#f9fdfc);display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.suit-right:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,1,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.suit-card{background:#fff;border-radius:4px;padding:40px 36px 36px;width:100%;max-width:460px;box-shadow:0 0 0 1px rgba(0,0,0,1,.08),0 20px 60px rgba(0,0,0,1,.12),0 40px 100px #00000014;position:relative;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.suit-badge{position:absolute;top:-60px;left:50%;transform:translate(-50%);animation:badgePulse 3s ease-in-out infinite;z-index:10}@keyframes badgePulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.suit-badge-logo{display:block;width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,1,.4))}.suit-error-banner{background:linear-gradient(135deg,#fef2f2,#fee);border:1px solid #fcc;border-radius:4px;padding:14px 18px;color:#c33;font-size:14px;margin-bottom:24px;font-weight:500;box-shadow:0 2px 8px #ef44441a}.suit-form{margin-top:32px}.suit-field{margin-bottom:18px}.suit-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#2d3748;margin-bottom:8px;letter-spacing:.3px}.suit-label svg{width:14px;height:14px;color:#000;opacity:.8}.suit-input{width:100%;padding:12px 14px;border:2px solid #e2e8f0;border-radius:4px;font-size:14px;color:#2d3748;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;font-family:inherit;font-weight:500}.suit-input::placeholder{color:#a0aec0;font-weight:400}.suit-input:hover{border-color:#cbd5e0}.suit-input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 4px rgba(0,0,0,1,.12),0 4px 12px rgba(0,0,0,1,.08);transform:translateY(-1px)}.suit-input.error{border-color:#f56565;background:linear-gradient(135deg,#fff8f8,#fff5f5)}.suit-error{display:flex;align-items:center;gap:6px;color:#e53e3e;font-size:12px;margin-top:8px;font-weight:600}.suit-error:before{content:"⚠";font-size:13px}.suit-password-wrapper{position:relative}.suit-password-wrapper .suit-input{padding-right:50px}.suit-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.suit-eye:hover{background:#f7fafc;color:#000}.suit-eye:active{transform:translateY(-50%) scale(.95)}.suit-button{width:100%;padding:14px;background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:22px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px rgba(0,0,0,1,.35),0 0 rgba(0,0,0,1,.4);position:relative;overflow:hidden}.suit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.suit-button:hover:not(:disabled){background:linear-gradient(135deg,#1a1a1a,#000);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,1,.45),0 0 0 4px rgba(0,0,0,1,.1)}.suit-button:hover:not(:disabled):before{left:100%}.suit-button:active:not(:disabled){transform:translateY(0)}.suit-button:disabled{opacity:.7;cursor:not-allowed}.suit-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.suit-google{width:100%;padding:15px;background:#fff;color:#5f6368;border:2px solid #e2e8f0;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:12px}.suit-google:hover:not(:disabled){background:#f7fcfb;border-color:#000;box-shadow:0 4px 12px rgba(0,0,0,1,.1);transform:translateY(-1px)}.suit-google:disabled{opacity:.6;cursor:not-allowed}.suit-terms{margin-top:28px;padding-top:24px;border-top:2px solid #f0eef5}.suit-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.suit-checkbox input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;cursor:pointer;accent-color:#000000;flex-shrink:0}.suit-checkbox span{font-size:13px;color:#4a5568;line-height:1.7;font-weight:500}.suit-checkbox span.error-text{color:#e53e3e}.suit-checkbox a{color:#000;text-decoration:none;font-weight:700;transition:color .2s ease}.suit-checkbox a:hover{color:#1a1a1a;text-decoration:underline}@media (max-width: 1024px){.suit-left{padding:60px 40px}.suit-title{font-size:48px}.suit-subtitle{font-size:17px}}@media (max-width: 768px){.suit-container{flex-direction:column}.suit-left{display:none}.suit-right{padding:32px 24px;min-height:100vh}.suit-card{padding:40px 32px;margin-top:60px}.suit-input{font-size:16px}}@media (max-width: 640px){.suit-left{display:none}.suit-right{padding:20px 16px}.suit-card{border-radius:4px;padding:36px 24px;margin-top:80px}.suit-badge{top:-50px}.suit-badge-logo{width:100px;height:100px}}.suit-login-link{transition:all .2s ease;font-weight:500}.suit-login-link:hover{color:#000!important;transform:translate(2px)}.suit-login-link:hover svg{transform:translate(3px);transition:transform .2s ease}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nubank-auth-container{min-height:100vh;background:linear-gradient(180deg,#f5f5f5,#fff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}.auth-layout{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh}.auth-left{background:linear-gradient(180deg,#f5f5f5,#fff);padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.auth-back-btn{position:absolute;top:24px;left:24px;background:none;border:1px solid #ddd;padding:8px 16px;border-radius:20px;cursor:pointer;color:#666;font-size:14px;transition:all .2s}.auth-back-btn:hover{background:#fff;border-color:#820ad1;color:#820ad1}.auth-promo{max-width:600px}.auth-promo h1{font-size:28px;font-weight:600;color:#1a1a1a;line-height:1.4;margin-bottom:40px;letter-spacing:-.5px}.auth-phone-container{display:flex;align-items:center;gap:-20px;margin-left:40px;position:relative}.auth-phone-mockup{width:260px;height:520px;background:#820ad1;border-radius:36px;padding:16px 10px;box-shadow:0 20px 60px #820ad140;position:relative;z-index:2}.auth-phone-screen{width:100%;height:100%;background:#fff;border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.auth-app-header{background:#820ad1;color:#fff;padding:20px 16px 12px;font-size:16px;font-weight:600}.auth-greeting{opacity:.95}.auth-app-balance{padding:20px 16px;border-bottom:1px solid #f0f0f0}.auth-balance-label{display:block;font-size:12px;color:#666;margin-bottom:4px}.auth-balance-amount{display:block;font-size:24px;font-weight:700;color:#1a1a1a}.auth-app-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px;border-bottom:1px solid #f0f0f0}.auth-action-item{display:flex;align-items:center;justify-content:center;padding:10px 6px;border-radius:10px;font-size:11px;color:#666;font-weight:500;transition:background .2s}.auth-action-item:hover{background:#f8f8f8}.auth-app-cards{padding:12px;flex:1}.auth-card-section{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f8f8f8;border-radius:10px;font-size:12px}.auth-card-balance{font-size:16px;font-weight:700;color:#1a1a1a}.auth-card-mockup{width:300px;height:190px;background:linear-gradient(135deg,#8b008b,#9932cc);border-radius:14px;padding:20px;position:relative;margin-left:-100px;z-index:1;box-shadow:0 10px 40px #820ad133}.auth-card-chip{width:36px;height:28px;background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:5px;margin-bottom:20px;position:relative}.auth-card-chip:after{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#0003;border-radius:2px}.auth-card-number{color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;font-family:Courier New,monospace;margin-bottom:20px}.auth-card-name{color:#ffffffe6;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.auth-card-logo{position:absolute;bottom:20px;right:20px;color:#fff;font-size:20px;font-weight:700;letter-spacing:-1px}.auth-right{background:#fff;display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto}.nubank-form-card{width:100%;max-width:420px}.nubank-form-title{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:32px;line-height:1.4;text-align:center}.nubank-form{display:flex;flex-direction:column;gap:20px}.nubank-form-group{display:flex;flex-direction:column;gap:6px}.nubank-input-wrapper{position:relative;display:flex;align-items:center}.nubank-input-wrapper input{width:100%;padding:14px 16px;background:#f5f5f5;border:2px solid transparent;border-radius:8px;font-size:15px;color:#1a1a1a;transition:all .2s;outline:none}.nubank-input-wrapper input::placeholder{color:#999}.nubank-input-wrapper input:focus{background:#fff;border-color:#820ad1;box-shadow:0 0 0 3px #820ad11a}.nubank-input-wrapper.valid input{border-color:#000;background:#fff}.nubank-input-wrapper.error input{border-color:#ef4444;background:#fef2f2}.check-icon{position:absolute;right:14px;color:#000;pointer-events:none}.password-toggle{position:absolute;right:14px;background:none;border:none;cursor:pointer;font-size:18px;padding:4px;z-index:1}.nubank-error-text{color:#ef4444;font-size:13px;margin-top:-2px}.nubank-checkbox-group{display:flex;gap:12px;align-items:flex-start;margin:8px 0}.nubank-checkbox-group input[type=checkbox]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#820AD1;flex-shrink:0}.nubank-checkbox-group label{font-size:13px;color:#666;line-height:1.5;cursor:pointer}.nubank-link{color:#820ad1;text-decoration:underline;font-weight:500}.nubank-link:hover{color:#6d0ab0}.nubank-error-message{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-size:14px}.nubank-submit-btn{width:100%;padding:16px;background:#d1d5db;color:#6b7280;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:not-allowed;transition:all .2s;margin-top:8px}.nubank-submit-btn:not(:disabled){background:#820ad1;color:#fff;cursor:pointer}.nubank-submit-btn:not(:disabled):hover{background:#6d0ab0}.nubank-submit-btn.loading{opacity:.7;cursor:wait}.nubank-form-footer{text-align:center;margin-top:24px}.nubank-form-footer p{color:#666;font-size:14px}.nubank-link-btn{color:#820ad1;text-decoration:underline;font-weight:600;background:none;border:none;cursor:pointer;font-size:14px;padding:0}.nubank-link-btn:hover{color:#6d0ab0}@media (max-width: 968px){.auth-layout{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:24px}}@media (max-width: 640px){.nubank-form-card{max-width:100%}.nubank-form-title{font-size:18px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(180deg,#f5f5f5,#fff)}.auth-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 4px 20px #00000014}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#8b008b,#9932cc);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.auth-header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.auth-header p{color:#666;font-size:15px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1a1a1a;font-size:14px;font-weight:500}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.input-wrapper input{width:100%;padding:14px 16px 14px 40px;background:#f5f5f5;border:2px solid transparent;border-radius:8px;font-size:15px;color:#1a1a1a;transition:all .2s;outline:none}.input-wrapper input::placeholder{color:#999}.input-wrapper input:focus{background:#fff;border-color:#820ad1;box-shadow:0 0 0 3px #820ad11a}.field-error{color:#ef4444;font-size:13px}.field-success{color:#000;font-size:13px}.error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-size:14px}.auth-submit-btn{width:100%;padding:16px;background:#820ad1;color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.auth-submit-btn:hover:not(:disabled){background:#6d0ab0}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:24px}.auth-footer p{color:#666;font-size:14px}.link-btn{color:#820ad1;text-decoration:underline;font-weight:600;background:none;border:none;cursor:pointer;font-size:14px;padding:0}.link-btn:hover{color:#6d0ab0}:root{--primary-purple: #820AD1;--secondary-purple: #9932CC;--accent-purple: #a855f7;--light-purple: #f8f5ff;--text-primary: #1a1a1a;--text-secondary: #4a5568;--text-muted: #718096;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--border-color: #e2e8f0;--shadow-light: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-heavy: 0 25px 50px -12px rgba(0, 0, 0, .25)}.modern-auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#fff);position:relative;overflow:hidden}.auth-background-decor{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.auth-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:blobFloat 20s ease-in-out infinite}.auth-blob-1{width:400px;height:400px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--secondary-purple) 100%);top:-200px;left:-200px;animation-delay:0s}.auth-blob-2{width:300px;height:300px;background:linear-gradient(135deg,var(--secondary-purple) 0%,var(--accent-purple) 100%);bottom:-150px;right:-150px;animation-delay:5s}.auth-blob-3{width:250px;height:250px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--primary-purple) 100%);top:50%;right:10%;animation-delay:10s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.modern-auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;width:100%;max-width:460px;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(255,255,255,.8);position:relative;z-index:1}.modern-auth-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#4a5568;font-size:15px;font-weight:500;cursor:pointer;padding:8px 0;margin-bottom:24px;transition:color .2s}.modern-auth-back-btn:hover{color:#1e88e5}.modern-auth-back-btn svg{transition:transform .2s}.modern-auth-back-btn:hover svg{transform:translate(-2px)}.modern-auth-header{text-align:center;margin-bottom:40px}.modern-auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.modern-logo-icon{width:40px;height:40px;flex-shrink:0}.modern-logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--secondary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.modern-auth-header h1{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.5px}.modern-auth-header p{color:#4a5568;font-size:16px;font-weight:400}.modern-auth-form{display:flex;flex-direction:column;gap:24px}.modern-form-group{display:flex;flex-direction:column;gap:10px}.modern-form-group label{display:flex;align-items:center;gap:8px;color:#2d3748;font-size:14px;font-weight:600}.modern-form-group label svg{color:var(--primary-purple);flex-shrink:0}.modern-input-wrapper{position:relative}.modern-input-wrapper input{width:100%;padding:16px 20px;background:#f7fafc;border:2px solid rgba(0,0,0,.06);border-radius:12px;font-size:16px;color:#1a1a1a;transition:all .2s;outline:none;font-family:inherit}.modern-input-wrapper input::placeholder{color:#a0aec0}.modern-input-wrapper input:focus{background:#fff;border-color:var(--primary-purple);box-shadow:0 0 0 4px #820ad11a}.modern-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#718096;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modern-password-toggle:hover{color:var(--primary-purple)}.modern-error-message{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;font-weight:500}.modern-error-message svg{flex-shrink:0;color:#dc2626}.modern-auth-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--secondary-purple) 100%);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;box-shadow:var(--shadow-medium)}.modern-auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-purple) 0%,var(--primary-purple) 100%);box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.modern-auth-submit-btn:active:not(:disabled){transform:translateY(0)}.modern-auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modern-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:modernSpin .8s linear infinite}@keyframes modernSpin{to{transform:rotate(360deg)}}.modern-auth-footer{text-align:center;margin-top:32px}.modern-auth-footer p{color:#4a5568;font-size:15px}.modern-link-btn{color:var(--primary-purple);text-decoration:none;font-weight:600;background:none;border:none;cursor:pointer;font-size:15px;padding:0;transition:color .2s;position:relative}.modern-link-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--secondary-purple) 100%);transition:width .3s}.modern-link-btn:hover{color:var(--secondary-purple)}.modern-link-btn:hover:after{width:100%}.modern-register-card{max-width:520px}.modern-input-wrapper.valid{border-color:#000}.modern-input-wrapper.valid input{border-color:#000;background:#fff}.modern-input-wrapper.error{border-color:#dc2626}.modern-input-wrapper.error input{border-color:#dc2626;background:#fef2f2}.modern-check-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#000;pointer-events:none}.modern-error-text{color:#dc2626;font-size:13px;font-weight:500;margin-top:4px}.modern-checkbox-group{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#f7fafc;border-radius:12px;border:2px solid rgba(0,0,0,.06);transition:border-color .2s}.modern-checkbox-group:has(input:checked){border-color:var(--primary-purple);background:var(--light-purple)}.modern-checkbox-group input[type=checkbox]{margin-top:2px;width:20px;height:20px;cursor:pointer;accent-color:var(--primary-purple);flex-shrink:0}.modern-checkbox-group label{font-size:14px;color:#2d3748;line-height:1.6;cursor:pointer;font-weight:400}.modern-checkbox-group label a{color:var(--primary-purple);font-weight:600;text-decoration:none;position:relative}.modern-checkbox-group label a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--secondary-purple) 100%);transition:width .3s}.modern-checkbox-group label a:hover:after{width:100%}@media (max-width: 640px){.modern-auth-card{padding:32px 24px;border-radius:20px}.modern-register-card{max-width:100%}.modern-auth-header h1{font-size:28px}.modern-logo-icon{width:36px;height:36px}.modern-logo-text{font-size:22px}.modern-auth-form{gap:20px}.modern-checkbox-group{padding:12px}.modern-checkbox-group label{font-size:13px}}:root{--container-padding: 20px;--container-padding-mobile: 16px;--container-max-width: 1600px;--primary-color: #000000;--primary-color-dark: #1a1a1a;--primary-color-light: #333333}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{font-family:Inter,-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;margin:0;padding:0;background:var(--bg-primary, #ffffff);color:#1a1a1a}@media (display-mode: standalone){body{background:linear-gradient(135deg,#000,#1a1a1a,#333);min-height:100vh}#root{background:transparent}}#root{background:var(--bg-primary, #ffffff);min-height:100vh}.nu-app{min-height:100vh}.nu-header{padding:2rem 1.25rem;display:flex;align-items:center;gap:1rem}.nu-logo{font-weight:700;color:#c4b8ff}.nu-title{font-size:1.5rem;font-weight:600}.nu-main{padding:1rem;max-width:960px;margin:0 auto}.nu-card{background:#1f1147;border:1px solid #3a2c6e;border-radius:12px;padding:1.25rem;box-shadow:0 10px 30px #00000040}.nu-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.nu-field label{color:#cfc7ff;font-size:.9rem}.nu-field input{background:#120a2f;border:1px solid #3a2c6e;color:#fff;padding:.9rem 1rem;border-radius:10px}.nu-btn{background:#8a2be2;border:none;color:#fff;padding:.85rem 1.2rem;border-radius:10px;cursor:pointer;font-weight:600}.nu-btn:disabled{opacity:.7;cursor:not-allowed}.nu-error{color:#ff6b6b;margin-bottom:.75rem}.nu-dashboard{padding:2rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}