.personal{background-color:var(--resume-accent, #0a66c2);color:var(--header-color, white);padding:30px;border-radius:12px;text-align:center}.name{font-size:28px;font-weight:700;margin-bottom:10px}.contact{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-top:20px;font-size:14px}.contact i{margin-right:8px}.education-preview{margin-top:30px}.education-preview h2{font-size:22px;color:#0a66c2;border-bottom:1px solid #bbbbbb;margin-bottom:15px;padding-bottom:5px;text-align:center}.education-preview h3{font-size:22px;margin:0;padding:0}.education-preview p{font-size:16px;color:#444;margin:0;padding:0}.education-item{display:flex;margin-top:20px}.others{flex:1;margin-left:80px}.experience-preview{margin-top:30px}.experience-preview h2{font-size:22px;color:#0a66c2;border-bottom:1px solid #bbbbbb;margin-bottom:15px;padding-bottom:5px;text-align:center}.experience-preview h3{font-size:22px;margin:0 0 8px;padding:0}.experience-preview p{font-size:16px;color:#444;margin:0;padding:0}.experience-item{display:flex;margin-top:20px}.project-preview{margin-top:30px}.project-preview h2{font-size:22px;color:#0a66c2;margin-bottom:15px;border-bottom:1px solid #bbbbbb;padding-bottom:5px;text-align:center}.project-preview h3{font-size:22px;margin-bottom:8px}.project-preview p{font-size:16px;color:#444}.project-preview a{color:#0a66c2;text-decoration:underline;font-size:14px}.project-preview a:hover{text-decoration:none}.project-item{margin-top:20px}.resume-preview{background-color:#fff;padding:40px;border-radius:2px;box-shadow:0 0 20px #0000001a;font-family:Noto Sans,sans-serif;width:60%}.personal-details{padding:20px;background-color:#fff}.personal-details h2{font-size:20px;margin-bottom:16px}.input label{font-size:18px}.input span{font-size:16px}.education-section{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 8px #0000000f}.education-section h2{font-size:20px;margin-bottom:16px}.education-entry{margin-bottom:20px;padding:16px;border-radius:8px;background-color:#fafafa;border:1px solid #ddd}.experience-section{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 8px #0000000f}.experience-section h2{font-size:20px;margin-bottom:16px}.experience-entry{margin-bottom:20px;padding:16px;border-radius:8px;background-color:#fafafa;border:1px solid #ddd}.project-section{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 8px #0000000f}.project-section h2{font-size:20px;margin-bottom:16px}.project-entry{margin-bottom:20px;padding:16px;border-radius:8px;background-color:#fafafa;border:1px solid #ddd}.resume-input{background-color:#fff;padding:30px;border-radius:10px}.form-buttons{display:flex;justify-content:space-around;margin-top:10px}.form-buttons button{width:100%;margin:0 10px;padding:5px 20px;font-size:16px;border-radius:6px;cursor:pointer}.resume-input-form{flex:1;width:100%;border-radius:10px;box-shadow:0 0 12px #0000001a}.app{display:flex;gap:40px;padding:20px}*{margin:0;padding:0;box-sizing:border-box}button{background-color:var(--resume-accent, #0a66c2);color:#fff;padding:8px 14px;font-size:14px;border:black 1px solid;border-radius:5px;cursor:pointer;margin-top:10px}button:hover{background-color:#004f9e;transition:background-color .3s ease}.input input,.input textarea{width:100%;padding:10px;font-size:1rem;border-radius:6px;border:1px solid #ccc}.input{margin-bottom:16px}.input label{display:block;font-weight:500;margin-bottom:6px}textarea{resize:vertical;min-height:80px;font-family:inherit;font-size:1rem;padding:10px;border-radius:6px;border:1px solid #ccc;width:100%}.collapsed{font-size:18px;display:flex;align-items:center;justify-content:space-between}.collapsed button{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:6px 12px;border-radius:4px}.collapsed button:hover{background-color:#e0e0e0}@media print{body{background:#fff;-webkit-print-color-adjust:exact;color-adjust:exact}.resume-input{display:none!important}.app{display:block}.resume-preview{box-shadow:none;padding:0;width:100%;border-radius:0}}