:root{--g-color-black: #000;--g-color-white: #fff;--g-color-grey-50: #f6f6f6;--g-color-grey-600: #636363;--g-color-grey-700: #4d4d4d;--g-color-grey-900: #0f0f0f;--g-box-shadow: 0px 6px 12px rgba(18, 20, 23, .06), 0px 15px 24px rgba(18, 20, 23, .07), 0px -4px 12px rgba(18, 20, 23, .05);--g-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--g-font-size-x-small: .75rem;--g-font-size-small: .875rem;--g-font-size-base: 1rem;--g-font-size-large: 1.25rem;--g-font-size-x-large: 1.5rem;--g-font-size-2x-large: 2rem;--g-font-size-3x-large: 2.5rem;--g-font-size-4x-large: 4rem;--g-font-weight-base: 400;--g-font-weight-semi-bold: 500;--g-font-weight-bold: 400;--g-font-weight-black: 400;--g-border-radius-small: .5rem;--g-border-radius-base: 1rem;--g-border-radius-large: 1.5rem;--g-spacing-small: .5rem;--g-spacing-base: 1rem;--g-spacing-large: 1.5rem;--g-spacing-x-large: 2rem;--g-spacing-2x-large: 2.5rem;--g-spacing-3x-large: 3rem;--g-spacing-6x-large: 6rem;--primary-color: #000000;--primary-dark: #1a1a1a;--secondary-color: #64748b;--accent-color: #000000;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--gradient-primary: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);--gradient-dark: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{padding:0;margin:0;box-sizing:border-box}html,body{font-family:var(--g-font-family)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer}a{color:inherit;text-decoration:none}.text-subtle{color:#ffffffb3;font-size:var(--g-font-size-x-small);font-weight:var(--g-font-weight-base)}.text-body-1{font-size:var(--g-font-size-2x-large);font-weight:var(--g-font-weight-base)}.text-body-2{font-size:var(--g-font-size-x-large);font-weight:var(--g-font-weight-base)}.text-body-3{color:var(--g-color-grey-900);font-size:var(--g-font-size-small);font-weight:var(--g-font-weight-base)}.text-display-1{font-size:var(--g-font-size-4x-large);font-weight:var(--g-font-weight-black);line-height:1.2}.text-display-2{font-size:var(--g-font-size-3x-large);font-weight:var(--g-font-weight-black);line-height:1.4}.text-display-3{font-size:var(--g-font-size-x-large);font-weight:var(--g-font-weight-black)}.text-heading-1{font-size:var(--g-font-size-large);font-weight:var(--g-font-weight-base)}.text-heading-2{font-size:var(--g-font-size-base);font-weight:var(--g-font-weight-base);color:#fff}.container{padding:0 var(--g-spacing-6x-large);margin:auto}.nav{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--g-spacing-x-large);padding-top:var(--g-spacing-x-large);width:100%}.sign-in-btn{margin-right:var(--g-spacing-small)}.btn{border-radius:var(--g-border-radius-small);display:inline-block;font-weight:var(--g-font-weight-base);padding:var(--g-spacing-base)}.btn-ghost{color:var(--g-color-grey-700)}.btn-dark{background-color:var(--g-color-black);color:var(--g-color-white)}.btn-light{background:var(--g-color-white);color:var(--g-color-black);font-weight:var(--g-font-weight-base)}.btn-big{font-size:var(--g-font-size-large);padding:var(--g-font-size-large) var(--g-font-size-x-large)}.hero{align-items:center;display:flex;flex-direction:column;height:45rem;justify-content:center;text-align:center}.hero-title{margin-bottom:var(--g-spacing-x-large)}.hero-tagline{margin-bottom:var(--g-spacing-3x-large)}.card{background:var(--g-color-black);border-radius:var(--g-border-radius-large);box-shadow:var(--g-box-shadow);color:var(--g-color-white)}.link{text-decoration:underline;text-underline-offset:.2rem}.link:hover,.link:focus{background:#f1f2f4}.footer{padding-bottom:var(--g-spacing-x-large);padding-top:var(--g-spacing-x-large)}.footer-tagline{margin-bottom:var(--g-font-size-x-small);margin-top:var(--g-font-size-x-small)}.start-hero{padding:var(--g-spacing-2x-large);text-align:center}.start-hero-intro{margin-bottom:var(--g-spacing-base)}.avatar{align-items:center;background-color:var(--g-color-grey-50);border-radius:var(--g-border-radius-large);display:flex;height:var(--g-spacing-3x-large);justify-content:center;text-align:center;width:var(--g-spacing-3x-large)}.profile-blob{align-items:center;display:grid;gap:var(--g-spacing-base);grid-template-columns:auto 1fr}.next-steps-section{margin-top:var(--g-spacing-2x-large)}.c-user-menu{list-style:none;margin-top:.25rem}.c-user-menu button,.c-user-menu a{text-decoration:underline;color:#ffffffb3;font-size:var(--g-font-size-small)}.c-user-menu button:hover,.c-user-menu a:hover{color:#fff}.modern-login-container{min-height:100vh;position:relative;overflow-x:hidden;background:#0f0f23;color:var(--g-color-white)}.background-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,#1a1a2e,#16213e,#0f0f23);z-index:-2}.floating-shapes{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.shape{position:absolute;border-radius:50%;background:var(--gradient-primary);opacity:.1;animation:float 20s ease-in-out infinite}.shape-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:10%;background:var(--gradient-secondary);animation-delay:-5s}.shape-3{width:150px;height:150px;bottom:20%;left:20%;background:var(--gradient-accent);animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(20px) rotate(240deg)}}.modern-header{position:relative;z-index:10;padding:var(--g-spacing-large) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23cc;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--g-spacing-large);display:flex;justify-content:space-between;align-items:center}.brand-section{display:flex;align-items:center}.brand-image{display:flex;align-items:center;justify-content:center}.brand-link{text-decoration:none;display:flex;align-items:center;transition:opacity .3s ease}.brand-link:hover{opacity:.8}.brand-img{height:40px;width:auto;filter:brightness(0) invert(1)}.brand-name{font-size:var(--g-font-size-x-large);font-weight:var(--g-font-weight-black);color:#fff}.header-actions{display:flex;gap:var(--g-spacing-base)}.btn{padding:var(--g-spacing-base) var(--g-spacing-large);border-radius:12px;font-weight:var(--g-font-weight-base);text-decoration:none;display:inline-flex;align-items:center;gap:var(--g-spacing-small);transition:all .3s ease;border:2px solid transparent;cursor:pointer;font-size:var(--g-font-size-base)}.btn-primary{background:#000;color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;border-color:#ffffff4d}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.btn-large{padding:var(--g-spacing-large) var(--g-spacing-2x-large);font-size:var(--g-font-size-large)}.modern-main{position:relative;z-index:5;padding:var(--g-spacing-6x-large) 0}.hero-section{max-width:1200px;margin:0 auto;padding:0 var(--g-spacing-large)}.hero-content{text-align:center;max-width:800px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:var(--g-spacing-small);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:var(--g-spacing-small) var(--g-spacing-large);margin-bottom:var(--g-spacing-2x-large);font-size:var(--g-font-size-small);font-weight:var(--g-font-weight-base)}.badge-icon{font-size:var(--g-font-size-base)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--g-font-weight-base);line-height:1.2;margin-bottom:var(--g-spacing-2x-large);color:#fff}.gradient-text{color:#fff;font-weight:var(--g-font-weight-base)}.hero-description{font-size:var(--g-font-size-large);line-height:1.6;color:#fffc;margin-bottom:var(--g-spacing-3x-large);max-width:800px;margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g-spacing-2x-large);margin-bottom:var(--g-spacing-3x-large)}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:var(--g-spacing-2x-large);text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);background:#ffffff1a;border-color:#fff3}.feature-icon{font-size:2.5rem;margin-bottom:var(--g-spacing-large);display:block}.feature-card h3{font-size:var(--g-font-size-large);font-weight:var(--g-font-weight-base);margin-bottom:var(--g-spacing-base);color:#fff}.feature-card p{color:#ffffffb3;line-height:1.5;margin-bottom:var(--g-spacing-base)}.feature-link{color:#fff;text-decoration:none;font-weight:var(--g-font-weight-base);font-size:var(--g-font-size-small);transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--g-spacing-small)}.feature-link:hover{color:#fffc;transform:translate(2px)}.user-info-section{margin-bottom:var(--g-spacing-3x-large)}.section-title{font-size:var(--g-font-size-2x-large);font-weight:var(--g-font-weight-base);color:#fff;text-align:center;margin-bottom:var(--g-spacing-2x-large)}.user-info-grid{display:grid;grid-template-columns:1fr;gap:var(--g-spacing-2x-large);margin-bottom:var(--g-spacing-3x-large)}.info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:var(--g-spacing-2x-large);text-align:center;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);background:#ffffff1a;border-color:#fff3}.info-icon{font-size:2.5rem;margin-bottom:var(--g-spacing-large);display:block}.info-card h3{font-size:var(--g-font-size-large);font-weight:var(--g-font-weight-base);margin-bottom:var(--g-spacing-large);color:#fff}.info-content p{color:#fffc;line-height:1.6;margin-bottom:var(--g-spacing-small);text-align:left}.info-content strong{color:#fff;font-weight:var(--g-font-weight-base)}.cta-section{display:flex;flex-direction:column;gap:var(--g-spacing-large);align-items:center;max-width:1200px;margin:0 auto}.cta-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g-spacing-large);justify-content:center;width:100%;max-width:1200px;margin:0 auto}.cta-section .btn{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;font-size:.9rem;line-height:1.2;padding:var(--g-spacing-base) var(--g-spacing-base)}.flow-section{margin-top:var(--g-spacing-6x-large);text-align:center}.flow-diagram-title{color:#fff;font-size:var(--g-font-size-large);font-weight:var(--g-font-weight-bold);margin-bottom:var(--g-spacing-large);text-align:center}.flow-diagram-container{margin-bottom:var(--g-spacing-3x-large);overflow-x:auto;width:100%;max-width:none}.flow-diagram{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:var(--g-spacing-large);font-family:Courier New,monospace;font-size:11px;line-height:1.3;color:#a8e6cf;white-space:pre;overflow-x:auto;min-width:800px;margin:0}.modern-footer{position:relative;z-index:5;background:#0f0f23e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:var(--g-spacing-3x-large) 0 var(--g-spacing-2x-large)}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--g-spacing-large);display:flex;justify-content:center;margin-bottom:var(--g-spacing-2x-large)}.footer-resources{text-align:center}.footer-links-row{display:flex;gap:var(--g-spacing-2x-large);justify-content:center;flex-wrap:wrap}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:var(--g-spacing-large);font-weight:var(--g-font-weight-bold)}.footer-section h3{font-size:var(--g-font-size-large)}.footer-section h4{font-size:var(--g-font-size-base)}.footer-section p{color:#ffffffb3;line-height:1.6;margin-bottom:var(--g-spacing-base)}.footer-link{display:block;color:#ffffffb3;text-decoration:none;margin-bottom:var(--g-spacing-small);transition:color .3s ease}.footer-link:hover{color:#fff}.footer-bottom{text-align:center;padding-top:var(--g-spacing-2x-large);border-top:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:var(--g-font-size-small)}@media (max-width: 768px){.header-content{flex-direction:column;gap:var(--g-spacing-large)}.hero-title{font-size:2.5rem}.feature-grid{grid-template-columns:1fr}.cta-section{max-width:100%}.cta-buttons{grid-template-columns:1fr;max-width:100%}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width: 480px){.hero-content{padding:0 var(--g-spacing-base)}.btn-large{padding:var(--g-spacing-base) var(--g-spacing-large);font-size:var(--g-font-size-base)}}