:root{--color-lea-primary: #FF6B9D;--color-lea-secondary: #C445F0;--color-lea-accent: #00D9FF;--color-lea-bg: linear-gradient(135deg, #FF6B9D 0%, #C445F0 50%, #00D9FF 100%);--font-lea: "Poppins", sans-serif;--color-marc-primary: #263238;--color-marc-secondary: #37474F;--color-marc-accent: #546E7A;--color-marc-bg: #ECEFF1;--font-marc: "Inter", sans-serif;--color-simone-primary: #2E7D32;--color-simone-secondary: #43A047;--color-simone-accent: #66BB6A;--color-simone-bg: #F5F5F5;--font-simone: "Roboto", sans-serif;--color-white: #FFFFFF;--color-black: #1A1A1A;--color-gray-light: #F5F5F5;--color-gray: #9E9E9E;--color-gray-dark: #424242;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-xxl: 32px;--font-size-xxxl: 48px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;line-height:1.6;color:var(--color-black);background:var(--color-gray-light);transition:background var(--transition-normal),font-family var(--transition-normal);min-height:100vh}.screen{display:none;min-height:100vh;padding:var(--spacing-lg);animation:fadeIn var(--transition-normal)}.screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{max-width:600px;width:100%;margin:0 auto}h1,h2,h3{margin-bottom:var(--spacing-md);font-weight:700}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}ul,ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-sm)}strong{font-weight:600}button{cursor:pointer;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast);font-family:inherit;background:var(--color-gray-dark);color:var(--color-white)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}.btn{display:inline-block;text-align:center;text-decoration:none}.btn-primary{background:var(--color-black);color:var(--color-white)}.btn-secondary{background:var(--color-gray);color:var(--color-white)}.btn-large{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:600}.btn-block{width:100%;display:block;margin-bottom:var(--spacing-sm)}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.section-title{text-align:center;font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);color:var(--color-black)}@media (max-width: 768px){.screen{padding:var(--spacing-md)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}}@keyframes gradientAnimationLea{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body.persona-lea{background:linear-gradient(135deg,#ff6b9d,#c445f0,#00d9ff);font-family:var(--font-lea)}body.persona-lea .app-header{background:linear-gradient(135deg,var(--color-lea-primary),var(--color-lea-secondary));color:var(--color-white)}body.persona-lea .app-logo{font-weight:700;font-size:var(--font-size-xl);background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.persona-lea .balance{font-size:var(--font-size-xxxl);font-weight:700;color:var(--color-white);text-shadow:2px 2px 4px rgba(0,0,0,.2)}body.persona-lea .greeting{font-size:var(--font-size-xl);font-weight:600;color:var(--color-white)}body.persona-lea .balance-label{font-size:var(--font-size-base);color:#fffc;font-weight:400}body.persona-lea .balance-info{font-size:var(--font-size-sm);color:#ffffffe6;margin-top:var(--spacing-sm)}body.persona-lea .bank-content{background:linear-gradient(-45deg,#ff6b9d,#c445f0,#8b5cf6,#00d9ff,#ff6b9d);background-size:400% 400%;animation:gradientAnimationLea 15s ease infinite}body.persona-lea .feature-card{background:#fffffff2;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}body.persona-lea .feature-card h3{color:var(--color-lea-primary)}body.persona-lea .quick-transfers{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}body.persona-lea .transfer-btn{background:var(--color-lea-accent);color:var(--color-white);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600}body.persona-lea .progress-bar{background:#0000001a;border-radius:var(--radius-full);height:24px;overflow:hidden;margin:var(--spacing-md) 0}body.persona-lea .progress-fill{background:linear-gradient(90deg,var(--color-lea-primary),var(--color-lea-accent));height:100%;transition:width var(--transition-normal)}body.persona-lea .feature-card-highlight{background:linear-gradient(135deg,var(--color-lea-secondary),var(--color-lea-accent));color:var(--color-white)}body.persona-lea .feature-card-highlight h3{color:var(--color-white)}body.persona-lea .transaction-list{background:#fffffff2;border-radius:var(--radius-lg)}body.persona-lea #transactions-title{color:var(--color-white);font-size:var(--font-size-lg)}@keyframes gradientAnimationMarc{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body.persona-marc{background:var(--color-marc-bg);font-family:var(--font-marc)}body.persona-marc .app-header{background:var(--color-marc-primary);color:var(--color-white)}body.persona-marc .app-logo{font-weight:600;font-size:var(--font-size-xl);letter-spacing:2px;color:var(--color-white)}body.persona-marc #notification-icon{display:none}body.persona-marc .balance{font-size:var(--font-size-xxxl);font-weight:500;color:var(--color-marc-primary)}body.persona-marc .greeting{font-size:var(--font-size-lg);font-weight:400;color:var(--color-marc-primary)}body.persona-marc .balance-label{font-size:var(--font-size-base);color:var(--color-gray);font-weight:400;text-transform:uppercase;letter-spacing:1px}body.persona-marc .bank-content{background:linear-gradient(-45deg,#eceff1,#cfd8dc,#b0bec5,#90a4ae,#eceff1);background-size:400% 400%;animation:gradientAnimationMarc 20s ease infinite}body.persona-marc .feature-card{background:var(--color-white);border-radius:var(--radius-md);border:1px solid #E0E0E0;box-shadow:var(--shadow-sm)}body.persona-marc .feature-card h3{color:var(--color-marc-primary);font-weight:600;font-size:var(--font-size-lg)}body.persona-marc .account-list{margin-top:var(--spacing-md)}body.persona-marc .account-item{display:flex;justify-content:space-between;padding:var(--spacing-md);background:var(--color-gray-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-weight:500}body.persona-marc .account-balance{font-weight:600;color:var(--color-marc-primary)}body.persona-marc .chart-placeholder{display:flex;align-items:flex-end;justify-content:space-around;height:120px;gap:var(--spacing-sm);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--color-gray-light);border-radius:var(--radius-sm)}body.persona-marc .chart-bar{flex:1;background:linear-gradient(180deg,var(--color-marc-accent),var(--color-marc-primary));border-radius:var(--radius-sm);min-height:20px}body.persona-marc .chart-info{font-size:var(--font-size-base);color:var(--color-marc-primary);font-weight:600;margin-bottom:var(--spacing-xs)}body.persona-marc .chart-delta{font-size:var(--font-size-sm);color:#4caf50;font-weight:500}body.persona-marc .btn-block{background:var(--color-marc-primary);color:var(--color-white);font-weight:500;text-align:left;padding:var(--spacing-md) var(--spacing-lg)}body.persona-marc .btn-block:hover{background:var(--color-marc-secondary)}body.persona-marc .transaction-list{background:var(--color-white);border-radius:var(--radius-md);border:1px solid #E0E0E0}body.persona-marc #transactions-title{color:var(--color-marc-primary);font-size:var(--font-size-lg);font-weight:600}@keyframes gradientAnimationSimone{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body.persona-simone{background:var(--color-simone-bg);font-family:var(--font-simone);font-size:var(--font-size-lg)}body.persona-simone .app-header{background:var(--color-simone-primary);color:var(--color-white)}body.persona-simone .app-logo{font-weight:700;font-size:var(--font-size-xl);color:var(--color-white)}body.persona-simone .balance{font-size:56px;font-weight:700;color:var(--color-simone-primary)}body.persona-simone .greeting{font-size:22px;font-weight:500;color:var(--color-simone-primary)}body.persona-simone .balance-label{font-size:var(--font-size-lg);color:var(--color-gray-dark);font-weight:400}body.persona-simone .bank-content{background:linear-gradient(-45deg,#e8f5e9,#c8e6c9,#a5d6a7,#81c784,#e8f5e9);background-size:400% 400%;animation:gradientAnimationSimone 18s ease infinite}body.persona-simone .feature-card{background:var(--color-white);border-radius:var(--radius-lg);border:2px solid var(--color-simone-secondary);box-shadow:var(--shadow-md)}body.persona-simone .feature-card h3{color:var(--color-simone-primary);font-weight:700;font-size:22px}body.persona-simone .feature-card-prominent{background:linear-gradient(135deg,var(--color-simone-secondary),var(--color-simone-accent));color:var(--color-white);border:none}body.persona-simone .feature-card-prominent h3{color:var(--color-white)}body.persona-simone .conseiller-name{font-size:var(--font-size-xl);font-weight:600;margin:var(--spacing-sm) 0}body.persona-simone .conseiller-hours{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-lg)}body.persona-simone .conseiller-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}body.persona-simone .conseiller-actions .btn{flex:1;min-height:56px;font-size:var(--font-size-lg);font-weight:600;background:var(--color-white);color:var(--color-simone-primary);border:2px solid var(--color-white)}body.persona-simone .expense-total{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-simone-primary);text-align:center;margin:var(--spacing-lg) 0}body.persona-simone .expense-list{margin-top:var(--spacing-md)}body.persona-simone .expense-item{display:flex;justify-content:space-between;padding:var(--spacing-md);background:var(--color-gray-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:500}body.persona-simone button{min-height:56px;font-size:var(--font-size-lg);font-weight:600}body.persona-simone .transaction-list{background:var(--color-white);border-radius:var(--radius-lg);border:2px solid #E0E0E0;font-size:var(--font-size-lg)}body.persona-simone #transactions-title{color:var(--color-simone-primary);font-size:22px;font-weight:700}.intro-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xxl);box-shadow:var(--shadow-lg);text-align:center}.intro-title{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xl);color:var(--color-black)}.intro-content{max-width:500px;margin:0 auto}.intro-text{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);line-height:1.8}.intro-list{text-align:left;margin:var(--spacing-lg) 0;list-style:none}.intro-list li{padding-left:var(--spacing-lg);position:relative;font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.intro-list li:before{content:"•";position:absolute;left:0;color:var(--color-black);font-weight:700}.intro-highlight{background:linear-gradient(135deg,#ff6b9d,#c445f0);color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0}.intro-highlight p{margin:0;font-size:var(--font-size-lg);line-height:1.8}.selector-header{text-align:center;margin-bottom:var(--spacing-xl)}.selector-header h2{font-size:var(--font-size-xl);color:var(--color-black)}.persona-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.persona-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);text-align:center;transition:transform var(--transition-fast)}.persona-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.persona-emoji{font-size:64px;margin-bottom:var(--spacing-md)}.persona-name{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-black)}.persona-desc{font-size:var(--font-size-base);color:var(--color-gray);margin-bottom:var(--spacing-xs)}.persona-apps{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--spacing-md);font-style:italic}.persona-interests{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);line-height:1.6}.btn-lea{background:linear-gradient(135deg,var(--color-lea-primary),var(--color-lea-secondary));color:var(--color-white);font-weight:600}.btn-marc{background:var(--color-marc-primary);color:var(--color-white);font-weight:600}.btn-simone{background:var(--color-simone-primary);color:var(--color-white);font-weight:600}.bank-interface{max-width:500px;width:100%;min-height:80vh;background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.app-header{padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;background:var(--color-black);color:var(--color-white)}.app-logo{font-size:var(--font-size-xl);font-weight:700}.app-actions{display:flex;gap:var(--spacing-md);align-items:center}.app-icon{font-size:var(--font-size-xl);cursor:pointer}.bank-content{padding:var(--spacing-lg)}.greeting{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.balance-section{margin:var(--spacing-xl) 0;text-align:center}.balance-label{font-size:var(--font-size-base);color:var(--color-gray);margin-bottom:var(--spacing-sm)}.balance{font-size:var(--font-size-xxxl);font-weight:700;margin-bottom:var(--spacing-sm)}.balance-info{font-size:var(--font-size-base);color:var(--color-gray-dark)}.feature-section{margin-bottom:var(--spacing-lg)}.feature-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.feature-card h3{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.transactions-section{margin:var(--spacing-xl) 0}#transactions-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.transaction-list{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-light);font-size:var(--font-size-base)}.transaction-item:last-child{border-bottom:none}.transaction-label{flex:1}.transaction-amount{font-weight:600;color:var(--color-gray-dark)}.persona-switcher{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-xl) 0;flex-wrap:wrap}.btn-switch{background:#000000b3;color:var(--color-white);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600}.navigation-actions{text-align:center;margin-top:var(--spacing-xl)}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.comparison-col{text-align:center}.comparison-header{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.persona-emoji-small{font-size:48px;margin-bottom:var(--spacing-sm)}.comparison-header h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);color:var(--color-black)}.comparison-header p{font-size:var(--font-size-sm);color:var(--color-gray);margin:0}.comparison-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.comparison-title{font-size:var(--font-size-lg);font-weight:700;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-black);text-transform:uppercase;letter-spacing:1px}.comparison-item{text-align:center;padding:var(--spacing-md)}.comparison-item p{font-size:var(--font-size-sm);line-height:1.8;margin:0}.color-sample{width:100%;height:60px;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.color-lea{background:linear-gradient(135deg,var(--color-lea-primary),var(--color-lea-accent))}.color-marc{background:linear-gradient(135deg,var(--color-marc-primary),var(--color-marc-accent))}.color-simone{background:linear-gradient(135deg,var(--color-simone-primary),var(--color-simone-accent))}.highlight-box{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;margin:var(--spacing-xl) 0}.highlight-box p{font-size:var(--font-size-lg);margin:0;line-height:1.8}.dimensions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dimension-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);text-align:center;transition:transform var(--transition-fast)}.dimension-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.dimension-number{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.dimension-card h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-black)}.dimension-card p{font-size:var(--font-size-base);color:var(--color-gray-dark);margin:0}.target-selection{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-xl) 0}.target-option{cursor:pointer;display:block}.target-option input[type=radio]{display:none}.target-label{display:flex;align-items:center;gap:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:3px solid transparent}.target-option:hover .target-label{transform:translateY(-2px);box-shadow:var(--shadow-md)}.target-option input[type=radio]:checked+.target-label{border-color:var(--color-black);box-shadow:var(--shadow-lg)}.target-emoji{font-size:48px}.target-text{font-size:var(--font-size-xl);font-weight:600;color:var(--color-black)}.checklist-result{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl);box-shadow:var(--shadow-md)}.checklist-result h3{font-size:var(--font-size-xl);color:#4caf50;margin-bottom:var(--spacing-lg);text-align:center}.checklist-content{font-size:var(--font-size-base);line-height:2}.checklist-content ul{list-style:none;margin:0}.checklist-content li{padding-left:var(--spacing-lg);position:relative;margin-bottom:var(--spacing-md)}.checklist-content li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.completion-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xxl);box-shadow:var(--shadow-lg);text-align:center;max-width:500px;margin:0 auto}.completion-icon{font-size:80px;color:#4caf50;margin-bottom:var(--spacing-lg)}.completion-title{font-size:var(--font-size-xxl);color:var(--color-black);margin-bottom:var(--spacing-xl)}.completion-content{text-align:left}.key-learning{margin-bottom:var(--spacing-xl)}.learning-item{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);line-height:1.8}.learning-item span{display:block}.learning-icon{font-size:var(--font-size-xl);flex-shrink:0}.learning-quote{background:var(--color-gray-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid var(--color-black);font-size:var(--font-size-lg);font-style:italic;margin:var(--spacing-xl) 0;line-height:1.8}.completion-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.completion-actions .btn{flex:1}@media (max-width: 768px){.comparison-grid,.dimensions-list{grid-template-columns:1fr}.persona-emoji-small{font-size:36px}.intro-card,.completion-card{padding:var(--spacing-lg)}.intro-title,.completion-title{font-size:var(--font-size-xl)}.bank-interface{border-radius:0;min-height:100vh}.completion-actions{flex-direction:column}}