:root{--primary-teal: #00b4a6;--primary-teal-dark: #009688;--primary-teal-light: #26c6da;--primary-cyan: #00d4ff;--teal-accent: #459699;--bright-teal: #6cc8bf;--dark-bg: #0f1419;--dark-bg-secondary: #1a2b32;--dark-bg-tertiary: #2d4a52;--dark-bg-card: rgba(15, 20, 25, .8);--dark-bg-card-hover: rgba(15, 20, 25, .9);--dark-bg-overlay: rgba(26, 35, 50, .8);--text-primary: rgba(255, 255, 255, .85);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-white: #ffffff;--border-primary: rgba(69, 150, 153, .3);--border-secondary: rgba(69, 150, 153, .1);--border-focus: #00d4ff;--border-hover: rgba(69, 150, 153, .5);--success: #00b4a6;--error: #ff6b6b;--warning: #fbbf24;--info: #00d4ff;--input-bg: rgba(69, 150, 153, .1);--input-bg-focus: rgba(69, 150, 153, .15);--input-bg-disabled: rgba(69, 150, 153, .05);--input-border: rgba(69, 150, 153, .3);--input-border-focus: #00d4ff;--input-placeholder: rgba(255, 255, 255, .4);--button-primary-bg: transparent;--button-primary-border: #00d4ff;--button-primary-hover-bg: rgba(0, 212, 255, .1);--button-secondary-bg: rgba(69, 150, 153, .1);--button-secondary-border: rgba(69, 150, 153, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 10px 20px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(0, 212, 255, .3);--shadow-glow-subtle: 0 0 10px rgba(0, 212, 255, .15);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 50%;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;color:var(--text-primary);background:linear-gradient(135deg,var(--dark-bg-tertiary) 0%,var(--dark-bg-secondary) 50%,var(--dark-bg) 100%)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0 0 var(--spacing-md) 0;font-weight:600;line-height:1.2}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}p{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--dark-bg-tertiary) 0%,var(--dark-bg-secondary) 50%,var(--dark-bg) 100%)}.glass-container{background:var(--dark-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);max-width:600px;width:100%;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.card{background:var(--dark-bg-overlay);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-lg)}.bg-shape{position:absolute;border-radius:var(--radius-full);opacity:.05;background:var(--teal-accent);z-index:0;pointer-events:none}.bg-shape-tl{width:400px;height:400px;top:-200px;left:-200px}.bg-shape-tr{width:300px;height:300px;top:-100px;right:-100px}.bg-shape-br{width:500px;height:500px;bottom:-250px;right:-250px}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.required{color:var(--error);margin-left:var(--spacing-xs)}.field-description{font-size:.875rem;color:var(--text-secondary);margin-top:calc(-1 * var(--spacing-xs))}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{width:100%;padding:.75rem var(--spacing-md);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:all var(--transition-base);outline:none;background:var(--input-bg);color:var(--text-white)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--input-placeholder)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:focus,textarea:focus,select:focus{border-color:var(--input-border-focus);background:var(--input-bg-focus);box-shadow:0 0 0 3px #00d4ff1a}input:disabled,textarea:disabled,select:disabled{background:var(--input-bg-disabled);cursor:not-allowed;opacity:.6}input.error,textarea.error,select.error{border-color:var(--error)}.btn,button:not([class*=hanko]){padding:.75rem var(--spacing-xl);border-radius:var(--radius-md);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-base);outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;border:none}.btn-primary,.submit-button,.action-button{background:var(--button-primary-bg);color:var(--text-white);border:2px solid var(--button-primary-border)}.btn-primary:hover:not(:disabled),.submit-button:hover:not(:disabled),.action-button:hover:not(:disabled){background:var(--button-primary-hover-bg);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled),.submit-button:active:not(:disabled),.action-button:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--button-secondary-bg);color:var(--text-primary);border:1px solid var(--button-secondary-border)}.btn-secondary:hover:not(:disabled){background:#45969933;border-color:var(--border-hover)}button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}input[type=radio],input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-cyan)}input[type=radio]:disabled,input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.error-message{font-size:.875rem;color:var(--error);margin-top:var(--spacing-xs)}.error-banner{padding:var(--spacing-md);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;text-align:center;margin-bottom:var(--spacing-lg)}.success-message{font-size:.875rem;color:var(--success);margin-top:var(--spacing-xs)}.success-banner{padding:var(--spacing-md);background:#00b4a61a;border:1px solid rgba(0,180,166,.3);border-radius:var(--radius-md);color:var(--success);font-size:.875rem;text-align:center;margin-bottom:var(--spacing-lg)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--teal-accent) 100%);color:var(--dark-bg)}.badge-secondary{background:var(--button-secondary-bg);color:var(--text-primary);border:1px solid var(--border-primary)}.badge-success{background:#00b4a626;color:var(--success);border:1px solid rgba(0,180,166,.3)}.badge-warning{background:#fbbf2426;color:var(--warning);border:1px solid rgba(251,191,36,.3)}.badge-error{background:#ff6b6b26;color:var(--error);border:1px solid rgba(255,107,107,.3)}.loading,.spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--border-secondary);border-radius:var(--radius-full);border-top-color:var(--primary-cyan);animation:spin 1s ease-in-out infinite}.loading-large{width:40px;height:40px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-85{opacity:.85}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.fade-in{animation:fadeIn .6s ease-out}@media(max-width:768px){.page-container,.glass-container{padding:var(--spacing-md)}.container{padding:0 var(--spacing-sm)}h1{font-size:1.5rem}h2{font-size:1.25rem}.btn,button{padding:.625rem var(--spacing-md);font-size:.9375rem}}@media(max-width:480px){.page-container{padding:var(--spacing-sm)}.glass-container{padding:var(--spacing-lg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--primary-cyan);outline-offset:2px}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.bg-\[var\(--dark-bg\)\]{background-color:var(--dark-bg)}.bg-\[var\(--dark-bg-secondary\)\]{background-color:var(--dark-bg-secondary)}.bg-\[var\(--primary-teal\)\]{background-color:var(--primary-teal)}.object-cover{-o-object-fit:cover;object-fit:cover}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.no-underline{text-decoration-line:none}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:bg-\[rgba\(220\,38\,38\,0\.06\)\]:hover{background-color:#dc26260f}.hover\:bg-\[rgba\(255\,255\,255\,0\.03\)\]:hover{background-color:#ffffff08}.hover\:bg-\[rgba\(255\,255\,255\,0\.06\)\]:hover{background-color:#ffffff0f}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[rgba\(220\,38\,38\,0\.25\)\]:focus{--tw-ring-color:#dc262640}.focus\:ring-\[var\(--primary-teal\)\]:focus{--tw-ring-color:var(--primary-teal)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@layer utilities;hanko-auth,hanko-profile{--color:#fff;--color-shade-1:var(--primary-teal);--color-shade-2:#546166;--brand-color:var(--primary-teal);--brand-color-shade-1:#00b8d4;--brand-contrast-color:#000;--background-color:#000c;--container-background-color:#000000e6;--container-max-width:400px;--container-padding:2rem;--border-radius:8px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.App{min-height:100vh;background:var(--dark-bg)}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.login-container h1{color:var(--primary-teal);font-size:2.5rem;margin-bottom:var(--spacing-md)}.login-container p{color:var(--text-white);margin-bottom:var(--spacing-xl);font-size:1.1rem}.hanko-auth-container{max-width:400px;width:100%}.dashboard-container{min-height:100vh;background:var(--dark-bg)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:#0003;border-bottom:1px solid var(--primary-teal)}.dashboard-header h1{color:var(--primary-teal);margin:0}.user-info{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-white)}.logout-button{background:var(--primary-teal);color:var(--dark-bg);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-base)}.logout-button:hover{background:var(--primary-teal-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dashboard-content{padding:var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.profile-section,.app-content{background:#0000004d;padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--primary-teal)}.profile-section h2,.app-content h2{color:var(--primary-teal);margin-top:0;margin-bottom:var(--spacing-md)}.app-content p{color:var(--text-white)}.user-details{margin-top:var(--spacing-md)}.user-details h3{color:var(--primary-teal);margin-bottom:var(--spacing-sm);font-size:1rem}.user-details pre{background:#00000080;padding:var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-white);font-size:.9rem;overflow-x:auto;border:1px solid var(--border-secondary)}.callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--dark-bg);position:relative}.callback-container{z-index:2;text-align:center}.login-header h1{color:var(--primary-teal);margin-bottom:var(--spacing-md)}.logo{margin-bottom:var(--spacing-xl)}.logo-bright{color:var(--primary-teal);font-weight:700}.logo-on{color:#ff6b35;font-weight:700}.logo-labs{color:var(--primary-teal);font-weight:700}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,180,166,.3);border-top:3px solid var(--primary-teal);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:var(--spacing-md) auto}.login-background{position:absolute;inset:0;z-index:1}.background-pattern{width:100%;height:100%;background:var(--dark-bg)}@media(max-width:768px){.dashboard-content{grid-template-columns:1fr;padding:var(--spacing-md)}.dashboard-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.login-container{padding:var(--spacing-md)}.login-container h1{font-size:2rem}.dashboard-header h1{font-size:1.5rem}}@media(max-width:480px){.login-container h1{font-size:1.75rem}.login-container p{font-size:1rem}.user-details pre{font-size:.8rem}}