:root{--button-primary:#ffc300;--button-primary-hover:rgba(233,180,6,.967);--button-primary-active:rgba(255,195,0,.8);--button-secondary:hsla(0,0%,100%,.1);--button-secondary-hover:hsla(0,0%,100%,.15);--button-secondary-active:hsla(0,0%,100%,.08);--button-radius:2.5rem;--button-padding-x:1.75rem;--button-padding-y:0.875rem;--button-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);--button-font-size:0.9375rem;--button-font-weight:600}.submit-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:var(--button-padding-y) var(--button-padding-x);background-color:var(--button-primary);color:#000;border:none;border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);letter-spacing:.01em;text-align:center;cursor:pointer;transition:var(--button-transition);overflow:hidden;width:100%;min-width:9.375rem}.submit-button:hover:not(:disabled){background-color:var(--button-primary-hover);transform:translateY(-.125rem);box-shadow:0 .25rem .9375rem rgba(196,239,23,.25)}.submit-button:active:not(:disabled){background-color:var(--button-primary-active);transform:translateY(0)}.submit-button:focus-visible{outline:.125rem solid rgba(196,239,23,.5);outline-offset:.125rem}.submit-button:disabled{opacity:.6;cursor:not-allowed;background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6)}.back-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:var(--button-padding-y) var(--button-padding-x);background-color:var(--button-secondary);color:#fff;border:none;border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);letter-spacing:.01em;text-align:center;cursor:pointer;transition:var(--button-transition);overflow:hidden;width:auto;min-width:7.5rem}.back-button:hover:not(:disabled){background-color:var(--button-secondary-hover)}.back-button:active:not(:disabled){background-color:var(--button-secondary-active)}.back-button:focus-visible{outline:.125rem solid hsla(0,0%,100%,.3);outline-offset:.125rem}.back-button:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{width:1.125rem;height:1.125rem;border:3px solid hsla(0,0%,100%,.08);border-top-color:#ffc300;border-radius:50%;animation:spin 1s linear infinite}.back-button .loading-spinner{border:.1875rem solid hsla(0,0%,100%,.3);border-top-color:#fff}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.back-button,.submit-button{transition:none}.back-button:hover:not(:disabled),.submit-button:hover:not(:disabled){transform:none}.loading-spinner{animation:none}}@media only screen and (max-width:36.25em){.back-button,.submit-button{min-width:auto;padding:.75rem 1.25rem;font-size:.875rem}}@media (forced-colors:active){.back-button,.submit-button{border:.125rem solid ButtonText}}.back-button:focus,.submit-button:focus{outline:none;box-shadow:0 0 0 .125rem rgba(196,239,23,.5)}:root{--base-color:#e0e0e0;--primary-color:#c4ef17;--border-color:hsla(0,0%,100%,.1);--lighter-color:hsla(0,0%,100%,.03);--error-color:#ff4141;--success-color:#23b14d;--dark-bg:#010101;--text-light:#fff;--text-dim:hsla(0,0%,100%,.6);--form-gap:1rem;--form-gap-small:0.5rem;--card-radius:1.25rem;--input-radius:0.625rem;--input-padding:0.875rem;--icon-size:1rem;--transition-standard:0.3s ease;--secondary-color:#8aab12;--primary-rgb:196,239,23}.hero-area{color:var(--base-color);background:var(--dark-bg);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-overlay{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(196,239,23,.15),rgba(0,0,0,.97) 70%);z-index:-1;pointer-events:none}.auth-card-container{width:100%;max-width:75rem;padding:1.25rem .9375rem;margin:0 auto;display:flex;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box}.auth-card{width:100%;max-width:31.25rem;background:none;backdrop-filter:blur(.9375rem);-webkit-backdrop-filter:blur(.9375rem);border-radius:var(--card-radius);box-shadow:none;border:none;padding:2.1875rem;position:relative;z-index:1;overflow:hidden}.auth-card:before{content:"";position:absolute;top:-50%;left:-50%;width:12.5rem;height:12.5rem;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);opacity:.5;z-index:-1}.auth-form-wrapper{width:100%;position:relative}.auth-logo{display:inline-block;max-width:100%;height:auto;filter:drop-shadow(0 .25rem .5rem rgba(0,0,0,.2))}.mb-logo{margin-bottom:1.5625rem}.text-center{text-align:center}.auth-title{font-size:clamp(1.375rem,6vw,1.75rem);color:var(--text-light);font-weight:600;margin-bottom:.5rem;line-height:1.2}.auth-subtitle,.auth-title{text-align:center;letter-spacing:.01em}.auth-subtitle{color:var(--base-color);margin-bottom:1.5rem;font-size:clamp(.8125rem,3.5vw,.875rem);line-height:1.5;opacity:.85}.auth-error{background:rgba(255,0,0,.1);color:var(--error-color);padding:.75rem .9375rem;border-radius:.625rem;margin-bottom:1.25rem;font-size:.8125rem;display:flex;align-items:center;gap:.625rem;line-height:1.5;border:1px solid rgba(255,65,65,.2);position:relative}.auth-success{position:relative;background:rgba(35,177,77,.08);border:1px solid rgba(35,177,77,.2);border-radius:.625rem;padding:1.125rem;margin-bottom:1.5625rem;transition:all var(--transition-standard);overflow:hidden;z-index:1}.alert-close-btn{position:absolute;top:.625rem;right:.625rem;background:transparent;border:none;color:inherit;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:all .2s ease}.alert-close-btn:hover{opacity:1;background:hsla(0,0%,100%,.1)}.auth-success .alert-close-btn{color:rgba(35,177,77,.8)}.auth-error .alert-close-btn{color:var(--error-color)}.success-content{flex-direction:column;text-align:center}.success-content,.success-icon{display:flex;align-items:center}.success-icon{width:3.125rem;height:3.125rem;border-radius:50%;background:rgba(35,177,77,.15);justify-content:center;color:var(--success-color);font-size:1.5rem;margin-bottom:.3125rem}.auth-success h3{color:var(--text-light);font-size:1.125rem;font-weight:600;margin-bottom:.3125rem}.auth-success p{color:var(--base-color);font-size:.875rem;margin:0}.progress-steps{display:flex;justify-content:space-between;margin-bottom:1.875rem;position:relative;padding:.3125rem 0}.progress-step{flex:1 1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-number{width:2.375rem;height:2.375rem;background-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7);font-weight:600;font-size:1rem;margin-bottom:.5rem;transition:all .4s ease;position:relative;z-index:2;box-shadow:0 .1875rem .5rem rgba(0,0,0,.15)}.progress-step.active .step-number{background-color:var(--primary-color);color:#000;box-shadow:0 .3125rem .9375rem rgba(255,195,0,.3);transform:scale(1.05)}.step-label{font-size:.8125rem;color:var(--text-dim);text-align:center;margin-top:.375rem;font-weight:500;transition:all var(--transition-standard);max-width:5.625rem}.progress-step.active .step-label{color:var(--primary-color);font-weight:600}.step-line{height:.1875rem;background:linear-gradient(90deg,var(--primary-color),hsla(0,0%,100%,.1));position:absolute;top:1.1875rem;width:calc(100% - 2.5rem);left:calc(50% + 1.25rem);z-index:0}.step-title{font-size:1.375rem;color:var(--text-light);margin-bottom:.625rem;font-weight:600}.step-subtitle{color:var(--base-color);font-size:.875rem;margin-bottom:1.5625rem;opacity:.8}.auth-form{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--form-gap);gap:var(--form-gap);margin-bottom:0}.form-group{position:relative;margin-bottom:1.125rem}.password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.3125rem}.forgot-password{font-size:.75rem;color:var(--primary-color);text-decoration:none;transition:all .2s ease;padding:.125rem;border-radius:.1875rem}.forgot-password:focus,.forgot-password:hover{text-decoration:underline;outline:none}.forgot-password:focus-visible{box-shadow:0 0 0 .125rem var(--primary-color)}.form-label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-size:.875rem;font-weight:500;letter-spacing:.01em}.required{color:var(--primary-color)}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);border:0}.input-wrapper,.select-wrapper{position:relative;border:.0625rem solid var(--border-color);transition:all var(--transition-standard);background:var(--lighter-color);border-radius:var(--input-radius);overflow:hidden}.input-wrapper.focused,.select-wrapper.focused{border-color:var(--primary-color);box-shadow:0 0 0 .125rem rgba(196,239,23,.15)}.input-icon{position:absolute;left:.9375rem;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.4);font-size:var(--icon-size);pointer-events:none;z-index:1}.input-wrapper input,.select-wrapper select{width:100%;height:auto;font-weight:500;border-radius:var(--input-radius);padding:var(--input-padding) .9375rem var(--input-padding) 2.5rem;background:transparent;border:none;color:#fff;transition:all var(--transition-standard);font-size:.9375rem;outline:none}.input-wrapper input:-webkit-autofill,.select-wrapper select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--dark-bg) inset!important;-webkit-text-fill-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem;cursor:pointer}.select-wrapper select option{background-color:#222;color:#fff}.input-wrapper.error-border,.select-wrapper.error-border{border-color:var(--error-color);box-shadow:0 0 0 1px rgba(255,65,65,.2)}.error-message{color:var(--error-color);font-size:.75rem;margin-top:.3125rem;font-weight:500}input[inputmode=numeric],input[inputmode=tel]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.password-requirements{font-size:.75rem;color:var(--text-dim);margin-top:.3125rem;line-height:1.4}.password-strength{display:flex;flex-direction:column;margin-top:.5rem;font-size:.75rem}.strength-label{display:inline-block;margin-right:.25rem;color:var(--text-dim)}.strength-value{font-weight:500}.password-strength.débil .strength-value{color:#ff4141}.password-strength.media .strength-value{color:#ffb700}.password-strength.fuerte .strength-value{color:#23b14d}.strength-meter{height:.25rem;background:hsla(0,0%,100%,.1);border-radius:.125rem;margin-top:.375rem;overflow:hidden}.strength-meter-fill{height:100%;border-radius:.125rem;transition:width .3s ease}.strength-meter-fill.débil{background-color:#ff4141}.strength-meter-fill.media{background-color:#ffb700}.strength-meter-fill.fuerte{background-color:#23b14d}.remember-wrapper,.terms-wrapper{margin-bottom:1.25rem}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;padding:.1875rem 0}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{display:inline-block;min-width:1.25rem;height:1.25rem;margin-right:.625rem;background:hsla(0,0%,100%,.05);border:.0625rem solid hsla(0,0%,100%,.3);position:relative;transition:all .2s ease;flex-shrink:0;border-radius:.3125rem;margin-top:.125rem}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 .125rem rgba(196,239,23,.3);border-color:var(--primary-color)}.checkbox-input:checked~.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-input:checked~.checkbox-custom:after{content:"✓";position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;color:#000;font-size:.75rem;font-weight:700}.checkbox-text{color:var(--base-color);font-size:.8125rem;line-height:1.5}.auth-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease;border-radius:.1875rem;padding:.0625rem .1875rem}.auth-link:focus,.auth-link:hover{text-decoration:underline;outline:none}.auth-link:focus-visible{box-shadow:0 0 0 .125rem var(--primary-color)}.buttons-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5625rem}.auth-nav-link{text-align:center;color:var(--base-color);font-size:.8125rem;padding:.3125rem;margin:.9375rem 0}.auth-nav-link a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease;padding:.125rem .25rem;border-radius:.1875rem}.auth-nav-link a:focus,.auth-nav-link a:hover{text-decoration:underline;outline:none}.auth-nav-link a:focus-visible{box-shadow:0 0 0 .125rem var(--primary-color)}.back-home-link{text-align:center;margin:1rem 0}.back-home-link a{display:inline-flex;align-items:center;color:var(--base-color);text-decoration:none;padding:.5rem 1rem;border-radius:1.875rem;background:hsla(0,0%,100%,.05);font-size:.8125rem;font-weight:500;transition:all var(--transition-standard);gap:.5rem}.back-home-link a:hover{background:hsla(0,0%,100%,.1)}.back-home-link a:focus-visible{outline:none;box-shadow:0 0 0 .125rem var(--primary-color)}.top-home-link{margin-bottom:.9375rem}.separator{display:flex;align-items:center;text-align:center;margin:1.25rem 0;color:var(--text-dim);font-size:.8125rem}.separator:after,.separator:before{content:"";flex:1 1;border-bottom:1px solid hsla(0,0%,100%,.1)}.separator:before{margin-right:.625rem}.separator:after{margin-left:.625rem}.alt-login-options{margin-bottom:1.25rem}.social-login-buttons{gap:.75rem;margin-top:.875rem}.social-btn,.social-login-buttons{display:flex;justify-content:center}.social-btn{width:2.75rem;height:2.75rem;border-radius:50%;border:none;align-items:center;cursor:pointer;transition:all .2s ease;font-size:1rem;color:#fff}.social-btn:focus-visible{outline:.125rem solid hsla(0,0%,100%,.3);outline-offset:.125rem}.social-btn.google{background:linear-gradient(45deg,#db4437,#f4511e);box-shadow:0 .25rem .75rem rgba(219,68,55,.3)}.social-btn.facebook{background:linear-gradient(45deg,#3b5998,#4267b2);box-shadow:0 .25rem .75rem rgba(59,89,152,.3)}.social-btn.twitter{background:linear-gradient(45deg,#1da1f2,#0d8ecf);box-shadow:0 .25rem .75rem rgba(29,161,242,.3)}.social-btn:hover{transform:translateY(-.125rem);filter:brightness(1.1)}.social-btn:active{transform:translateY(0);filter:brightness(.9)}.success-tip{color:var(--success-color);font-size:.75rem;margin-top:.3125rem}.success-border{border-color:var(--success-color)!important;box-shadow:0 0 0 1px rgba(35,177,77,.2)!important}.form-progress-container{width:100%;height:20px;background-color:rgba(30,30,30,.8);border-radius:10px;margin-top:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.1)}.form-progress-bar{height:100%;background:linear-gradient(90deg,#c4ef17,#8aab12);border-radius:10px;transition:width .5s ease-in-out;position:relative;z-index:1;box-shadow:0 0 10px rgba(196,239,23,.5)}.form-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:.9rem;font-weight:700;text-shadow:0 0 5px hsla(0,0%,100%,.9);letter-spacing:.5px;white-space:nowrap;z-index:2}@media (max-width:767px){.form-progress-container{height:16px}.form-progress-text{font-size:.8rem}}@media (max-width:480px){.form-progress-container{height:14px}.form-progress-text{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.checkbox-custom,.input-wrapper,.progress-step,.select-wrapper,.submit-button{transition:none;animation:none}}@media (prefers-color-scheme:dark){.input-wrapper input:-webkit-autofill,.select-wrapper select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--dark-bg) inset!important;-webkit-text-fill-color:#fff!important}}@media (forced-colors:active){.input-wrapper,.select-wrapper{border:.125rem solid CanvasText}.back-button,.checkbox-custom,.submit-button{border:.125rem solid ButtonText}}@supports (content-visibility:auto){.auth-card{content-visibility:auto;contain-intrinsic-size:31.25rem 43.75rem}}.input-wrapper input[type=password],.input-wrapper input[type=text]{padding-right:2.8rem}.show-password-btn{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:hsla(0,0%,100%,.4);cursor:pointer;font-size:1rem;padding:.5rem;display:flex;align-items:center;justify-content:center;z-index:2;width:2rem;height:2rem;border-radius:50%}.show-password-btn:hover{color:hsla(0,0%,100%,.7);background-color:hsla(0,0%,100%,.05)}.toast-container{position:fixed;top:24px;right:24px;z-index:999999;display:flex;flex-direction:column;gap:8px;max-width:420px;width:100%;pointer-events:none}@media (max-width:768px){.toast-container{top:16px;right:16px;left:16px;max-width:none}}.toast{pointer-events:auto;background:#1a1a1a;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;transform:translateX(calc(100% + 24px)) scale(.95);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);min-height:72px}.toast:hover{background:#1f1f1f;border-color:rgba(255,195,0,.3)}.toast-show{transform:translateX(0) scale(1)!important;opacity:1!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.toast-removing{transform:translateX(calc(100% + 24px)) scale(.9)!important;opacity:0!important;transition:all .35s cubic-bezier(.4,0,1,1)!important}.toast-content{display:flex;align-items:flex-start;padding:20px 24px;gap:16px;position:relative;z-index:2}.toast-icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;margin-top:2px}.toast-icon{width:22px;height:22px}.toast-message{flex:1 1;font-size:15px;line-height:1.5;font-weight:500;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;margin-top:1px}.toast-close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a1a1aa;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin:-4px -8px -4px 0}.toast-close-button:hover{background:hsla(0,0%,100%,.1);color:#fff;transform:scale(1.05)}.toast-close-button:active{transform:scale(.95)}.toast-progress-bar{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,currentColor,rgba(255,195,0,.3));width:100%;animation:progress var(--toast-duration,6s) cubic-bezier(.4,0,.6,1) forwards;opacity:.8}@keyframes progress{0%{width:100%;opacity:.8}to{width:0;opacity:.3}}.toast-success{border-left:3px solid #22c55e;background:linear-gradient(135deg,rgba(34,197,94,.1),#1a1a1a)}.toast-success:hover{background:linear-gradient(135deg,rgba(34,197,94,.15),#1f1f1f)}.toast-success .toast-icon,.toast-success .toast-progress-bar{color:#22c55e}.toast-error{border-left:3px solid #ef4444;background:linear-gradient(135deg,rgba(239,68,68,.1),#1a1a1a)}.toast-error:hover{background:linear-gradient(135deg,rgba(239,68,68,.15),#1f1f1f)}.toast-error .toast-icon,.toast-error .toast-progress-bar{color:#ef4444}.toast-warning{border-left:3px solid #f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.1),#1a1a1a)}.toast-warning:hover{background:linear-gradient(135deg,rgba(245,158,11,.15),#1f1f1f)}.toast-warning .toast-icon,.toast-warning .toast-progress-bar{color:#f59e0b}.toast-info{border-left:3px solid #ffc300;background:linear-gradient(135deg,rgba(255,195,0,.1),#1a1a1a)}.toast-info:hover{background:linear-gradient(135deg,rgba(255,195,0,.15),#1f1f1f)}.toast-info .toast-icon,.toast-info .toast-progress-bar{color:#ffc300}.demo-container{max-width:1200px;margin:0 auto;padding:64px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh}.demo-header{text-align:center;margin-bottom:64px}.demo-badge{display:inline-block;background:rgba(255,195,0,.1);color:#ffc300;padding:8px 16px;border-radius:24px;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,195,0,.3)}.demo-header h1{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:20px;letter-spacing:-.025em}.demo-header p{font-size:1.25rem;color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.6}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:32px;gap:32px;margin-bottom:48px}.demo-section{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.demo-section:hover{background:#1f1f1f;border-color:rgba(255,195,0,.3)}.demo-section h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:24px;letter-spacing:-.015em}.demo-buttons{display:flex;flex-wrap:wrap;gap:12px}.demo-btn{display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#a1a1aa;background:#1a1a1a;border:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.demo-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,195,0,.1),transparent);transition:left .5s}.demo-btn:hover:before{left:100%}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.3);background:#1f1f1f;color:#fff;border-color:rgba(255,195,0,.3)}.demo-btn:active{transform:translateY(0)}.demo-btn.success:hover{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.demo-btn.info:hover{background:rgba(255,195,0,.1);border-color:#ffc300;color:#ffc300}.demo-btn.warning:hover{background:rgba(245,158,11,.1);border-color:#f59e0b;color:#f59e0b}.demo-btn.error:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.integration-card{background:#1a1a1a;border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 20px 40px rgba(0,0,0,.2)}.integration-card:hover{background:#1f1f1f;border-color:rgba(255,195,0,.3)}.integration-card h3{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:32px;letter-spacing:-.02em}.code-steps{display:flex;flex-direction:column;gap:24px}.step{display:flex;align-items:flex-start;gap:20px}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ffc300,#e6af00);color:#0a0a0a;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.step-content{flex:1 1}.step-content strong{display:block;color:#fff;font-weight:600;margin-bottom:8px;font-size:16px}.step-content code{display:block;background:#0a0a0a;color:#a1a1aa;padding:12px 16px;border-radius:8px;font-family:Monaco,Consolas,monospace;font-size:14px;border:1px solid hsla(0,0%,100%,.08)}@media (max-width:768px){.demo-container{padding:32px 16px}.demo-header h1{font-size:2.5rem}.demo-grid{grid-template-columns:1fr;gap:24px}.demo-section{padding:24px}.demo-buttons{flex-direction:column}.demo-btn{width:100%;justify-content:center}.integration-card{padding:24px}.step{flex-direction:column;text-align:center}}