*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-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}body{background-color:#f5f5f5;color:#333;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:white;border-radius:8px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.btn{display:inline-block;padding:12px 24px;background-color:#0070f3;color:white;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.btn:hover{background-color:#0051cc}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.alert{padding:12px 16px;border-radius:4px;margin-bottom:20px}.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.alert-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.alert-info{background-color:#eef;color:#33c;border:1px solid #ccf}.instructions-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#667eea}.instructions-card{background:white;border-radius:16px;padding:48px;max-width:800px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}.logo-container{margin-bottom:32px}.logo-container img{max-width:120px;height:auto;margin-bottom:16px}.app-title{font-size:3rem;font-weight:700;color:#667eea;margin-bottom:8px}.app-subtitle{font-size:1.2rem;color:#666;margin-bottom:40px}.instructions-section{text-align:left;margin-top:40px}.instructions-section h2{font-size:1.5rem;color:#333;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #667eea}.instructions-list{list-style:none;padding:0}.instructions-list li{padding:16px;margin-bottom:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea;transition:transform .2s,box-shadow .2s}.instructions-list li:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.instructions-list li strong{color:#667eea;display:block;margin-bottom:4px;font-size:1.1rem}.instructions-list li span{color:#555;line-height:1.6}.navigation-buttons{display:flex;gap:16px;justify-content:center;margin-top:40px;flex-wrap:wrap}.navigation-buttons .btn{min-width:160px}.delete-account-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:#e8eaf6}.delete-account-card{background:white;border-radius:16px;padding:48px;max-width:600px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.15)}.delete-account-header{text-align:center;margin-bottom:40px;padding-bottom:32px;border-bottom:2px solid #dc3545}.delete-account-header img{margin-bottom:16px}.delete-account-title{font-size:2.5rem;font-weight:700;color:#5c6bc0;margin-bottom:8px}.delete-account-subtitle{font-size:1.8rem;font-weight:600;color:#dc3545;margin-top:8px}.delete-account-content{margin-top:32px}.delete-account-description{font-size:1rem;color:#555;margin-bottom:32px;line-height:1.6;text-align:center}.delete-account-form{margin-top:24px}.delete-account-input{width:100%;padding:14px 16px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s,box-shadow .3s}.delete-account-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.1)}.delete-account-actions{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}.btn-secondary,.delete-account-btn{flex:1 1;min-width:160px;padding:14px 24px;font-size:16px;font-weight:600}.btn-secondary{background-color:#6c757d;color:white;text-align:center;display:inline-block;border-radius:4px;transition:background-color .2s}.btn-secondary:hover{background-color:#5a6268}.landing-container{min-height:100vh;background-color:#fafafa;padding:60px 40px;display:flex;align-items:center;justify-content:center}.landing-content{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.landing-left{display:flex;flex-direction:column;gap:32px}.headline-section{margin-bottom:8px}.landing-headline{font-family:Georgia,Times New Roman,serif;font-size:4.5rem;font-weight:700;line-height:1.1;color:#1a5f3f;display:flex;flex-direction:column;margin-bottom:32px}.landing-headline span{display:block}.download-buttons{display:flex;gap:16px;margin-bottom:24px}.download-btn{display:flex;align-items:center;gap:12px;background-color:#000;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;transition:opacity .2s;font-size:14px}.download-btn:hover{opacity:.8}.download-btn svg{width:24px;height:24px}.download-btn-text-small{font-size:10px;line-height:1.2}.download-btn-text-large{font-size:16px;font-weight:600;line-height:1.2}.landing-subheadline{font-size:1.75rem;font-weight:700;margin-bottom:24px}.landing-description,.landing-subheadline{color:#1a5f3f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-description{font-size:1rem;line-height:1.6;margin-bottom:12px}.landing-illustration{margin-top:40px;display:flex;align-items:flex-end;justify-content:flex-start}.landing-illustration img{max-width:100%;height:auto}.landing-right{display:flex;justify-content:center;align-items:center}.phone-mockup{position:relative;width:320px;height:640px;background:#d0d0d0;border-radius:40px;padding:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.phone-screen{width:100%;height:100%;background:#fff;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}.phone-status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px;font-size:14px;font-weight:600;color:#000}.phone-icons{display:flex;gap:4px}.phone-icon{font-size:12px}.phone-content{flex:1 1;display:flex;flex-direction:column;padding:16px;overflow-y:auto}.phone-header{justify-content:space-between;margin-bottom:24px}.phone-header,.phone-profile{display:flex;align-items:center}.phone-profile{gap:12px}.phone-avatar{width:48px;height:48px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;font-size:24px}.phone-name{font-weight:600;font-size:16px;color:#000}.phone-date{font-size:12px;color:#666}.phone-dropdown{font-size:10px;color:#666;margin-left:4px}.phone-totals-btn{background:#f0f0f0;border:none;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;color:#000;cursor:pointer}.phone-cards{display:flex;flex-direction:column;gap:16px;flex:1 1}.phone-card{border-radius:16px;padding:20px;position:relative;min-height:140px}.card-security{background:#d1e7f7}.card-privacy{background:#ffe5cc}.card-account{background:#fae0e8;min-height:80px}.phone-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.phone-card-header h3{font-size:18px;font-weight:600;color:#000;margin:0}.phone-add-btn{width:40px;height:40px;border-radius:50%;background:#4caf50;color:#fff;border:none;font-size:24px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.phone-card-icon{font-size:32px;margin-bottom:12px}.phone-card-info{font-size:14px;color:#666;margin-bottom:8px}.phone-card-info div:first-child{font-weight:600;color:#000}.phone-card-amount{font-size:24px;font-weight:700;color:#000;margin:8px 0}.phone-show-more{background:transparent;border:none;color:#666;font-size:12px;cursor:pointer;margin-top:8px;text-decoration:underline}.phone-nav{display:flex;justify-content:space-around;padding:16px 0;border-top:1px solid #eee;margin-top:auto}.phone-nav-icon{font-size:20px;cursor:pointer}@media (max-width:1200px){.landing-content{grid-template-columns:1fr;gap:40px}.landing-right{order:-1}.phone-mockup{transform:none}}@media (max-width:768px){.landing-container{padding:40px 20px}.landing-headline{font-size:3rem}.download-buttons{flex-direction:column}.phone-mockup{width:280px;height:560px}}