:root{--primary-color: #0056b3;--secondary-color: #00a8cc;--accent-color: #ff6b6b;--bg-color: #f8f9fa;--text-color: #212529;--card-bg: #ffffff;--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem;padding:2rem 0}.header h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:800}.header p{color:#666;font-size:1.1rem}.main-content{display:flex;flex-direction:column;gap:2rem}.placeholder-text{text-align:center;color:#888}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem 0}.background-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at top left,#e0f2fe,transparent 70%),radial-gradient(circle at bottom right,#f0f4ff,transparent 70%);opacity:.6}.footer{text-align:center;margin-top:4rem;padding:2rem 0;border-top:1px solid rgba(0,0,0,.05);color:#718096;font-size:.875rem}.disclaimer{font-size:.75rem;color:#a0aec0;margin-top:.5rem}@media(max-width:600px){.header h1{font-size:1.8rem}.app-container{padding:1rem}}.document-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.document-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:#ffffffd9}.card-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.badge{align-self:flex-start;font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;background-color:var(--secondary-color);color:#fff;font-weight:600;letter-spacing:.05em}.document-card h3{font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0}.description{color:#4a5568;font-size:.95rem;line-height:1.5}.meta-info{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;gap:.5rem;font-size:.875rem}.label{font-weight:600;color:#718096;min-width:50px}.value{color:#2d3748}.action-button{display:inline-block;margin-top:1rem;padding:.75rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;text-align:center;border-radius:8px;font-weight:600;transition:background .2s}.action-button:hover{background:#004494}.nav-container{display:flex;justify-content:center;margin-bottom:2rem;padding:0 1rem}.nav-tabs{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:99px;box-shadow:0 4px 6px -1px #0000000d;flex-wrap:wrap;justify-content:center}.nav-btn{border:none;background:transparent;padding:.75rem 1.5rem;border-radius:99px;font-size:1rem;font-weight:600;color:#718096;cursor:pointer;transition:all .2s ease;font-family:var(--font-main);white-space:nowrap}.nav-btn:hover{color:var(--primary-color);background:#0056b30d}.nav-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #0056b333}@media(max-width:600px){.nav-tabs{width:100%;border-radius:16px}.nav-btn{flex:1;font-size:.9rem;padding:.75rem .5rem}}.info-section{display:flex;flex-direction:column;gap:3rem;max-width:1000px;margin:0 auto}.info-group h2{font-size:1.5rem;color:var(--text-color);margin-bottom:1.5rem;border-left:4px solid var(--primary-color);padding-left:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.info-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.85rem;color:var(--secondary-color);font-weight:700;text-transform:uppercase}.info-content strong{display:block;font-size:1.2rem;margin-bottom:.25rem;color:var(--text-color)}.info-content p{font-size:.9rem;color:#666;line-height:1.4}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.two-col-grid{grid-template-columns:1fr}}.simple-list{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.list-item{display:flex;flex-direction:column;padding:1rem 0;border-bottom:1px solid #eee}.list-item:last-child{border-bottom:none}.item-label{font-weight:600;color:#4a5568;margin-bottom:.25rem}.item-value{font-size:1.1rem;font-weight:700;color:var(--primary-color)}.item-sub{font-size:.85rem;color:#888;margin-top:.25rem}.rate-highlight{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:2rem;border-radius:12px;color:#fff;text-align:center;margin-bottom:1.5rem;box-shadow:0 4px 6px #0056b333}.big-rate{display:block;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.pref-list{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d;list-style-position:inside}.list-title{font-weight:700;margin-bottom:1rem;display:block}.pref-list li{margin-bottom:.5rem;font-size:.95rem;color:#444}.note{font-size:.85rem;color:#888;margin-top:1rem}.stepper-container{max-width:800px;margin:0 auto}.stepper-container h2{text-align:center;margin-bottom:2rem;font-size:1.5rem;color:var(--text-color)}.stepper-list{display:flex;flex-direction:column;gap:0}.step-item{display:flex;gap:1.5rem;position:relative}.step-marker{display:flex;flex-direction:column;align-items:center;min-width:40px}.step-number{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:2;box-shadow:0 0 0 4px #fff}.step-line{width:2px;background:#e2e8f0;flex-grow:1;min-height:80px;margin:-5px 0;z-index:1}.step-content{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;flex-grow:1;display:flex;gap:1rem;align-items:flex-start;transition:transform .2s}.step-content:hover{transform:translate(5px)}.step-icon{font-size:2rem;background:#f7fafc;padding:.5rem;border-radius:8px}.step-info h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.step-info p{color:#666;font-size:.95rem;line-height:1.5}@media(max-width:600px){.step-item{gap:1rem}.step-content{flex-direction:column;gap:.5rem}}
