:root{--bg-color: #0f172a;--text-main: #2d2d2d;--text-secondary: #4a4a4a;--accent-color: #d86244;--pill-bg: #faebe6;--line-color: #eddbd3;--input-bg: rgba(255, 255, 255, .7);--hover-bg: #fff9f6;--font-heading: "Montserrat", sans-serif;--font-body: "Inter", sans-serif;--fs-name: 42px;--fs-prof: 15px;--fs-section: 17px;--fs-job: 15px;--fs-body: 14px;--fs-small: 13px;--fs-icon-md: 16px;--fs-icon-lg: 20px}[data-theme=emerald]{--bg-color: #f7fdfb;--accent-color: #059669;--pill-bg: #ecfdf5;--line-color: #d1fae5;--hover-bg: #f0faf7}[data-theme=royal]{--bg-color: #f8faff;--accent-color: #2563eb;--pill-bg: #eff6ff;--line-color: #dbeafe;--hover-bg: #f0f7ff}[data-theme=midnight]{--bg-color: #f9f8ff;--accent-color: #7c3aed;--pill-bg: #f5f3ff;--line-color: #ede9fe;--hover-bg: #f5f0ff}[data-theme=slate]{--bg-color: #f8fafc;--accent-color: #334155;--pill-bg: #f1f5f9;--line-color: #e2e8f0;--hover-bg: #f1f5f9}[data-theme=rose]{--bg-color: #fffafb;--accent-color: #be123c;--pill-bg: #fff1f2;--line-color: #ffe4e6;--hover-bg: #fff5f6}[data-theme=noir]{--bg-color: #121212;--text-main: #ffffff;--text-secondary: #a0a0a0;--accent-color: #818cf8;--pill-bg: #2d2d2d;--line-color: #404040;--input-bg: rgba(255, 255, 255, .1);--hover-bg: #1e1e1e}[data-theme=navy]{--bg-color: #0f172a;--text-main: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--pill-bg: #1e293b;--line-color: #334155;--input-bg: rgba(255, 255, 255, .1);--hover-bg: #1e293b}[data-theme=forest]{--bg-color: #064e3b;--text-main: #ecfdf5;--text-secondary: #6ee7b7;--accent-color: #34d399;--pill-bg: #065f46;--line-color: #047857;--input-bg: rgba(255, 255, 255, .1);--hover-bg: #065f46}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f4f6;color:var(--text-main);font-family:var(--font-body);line-height:1.6;display:flex;flex-direction:column;align-items:center;padding:40px 20px 120px;min-height:100vh;position:relative;overflow-x:hidden;width:100%}@media (max-width: 480px){body{padding:20px 10px 100px}}.perspective-grid{position:fixed;top:-150%;right:-150%;bottom:-150%;left:-150%;z-index:-1;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:25px 25px;perspective:1500px;transform:rotateX(60deg) rotate(-20deg) translateY(-20%) scale(3);transform-origin:center;mask-image:radial-gradient(ellipse at center,black 10%,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at center,black 10%,transparent 60%);pointer-events:none;opacity:.5}[data-theme=noir] .perspective-grid,[data-theme=navy] .perspective-grid,[data-theme=forest] .perspective-grid{background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);opacity:.6}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.floating-bar{display:flex;gap:12px;padding:10px 20px;background:radial-gradient(circle at 30% 0%,rgba(255,0,128,.08),transparent 60%),radial-gradient(circle at 70% 100%,rgba(64,224,208,.08),transparent 60%),#fff9;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-radius:30px;box-shadow:0 20px 40px #00000026,inset 0 0 0 1px #ffffff80;position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;width:max-content;max-width:95vw;transition:all .4s cubic-bezier(.4,0,.2,1);align-items:center}.floating-bar:before{content:"";position:absolute;top:-1.2px;right:-1.2px;bottom:-1.2px;left:-1.2px;padding:1.2px;border-radius:29.2px;background:conic-gradient(from var(--angle),transparent 0deg,#ff0080 5deg,#ff8c00 15deg,#40e0d0 25deg,#9932cc 35deg,#ff0080 45deg,transparent 55deg,transparent 180deg,#ff0080 185deg,#ff8c00 195deg,#40e0d0 205deg,#9932cc 215deg,#ff0080 225deg,transparent 235deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;animation:liquidFlow 6s linear infinite;opacity:1;z-index:-1;pointer-events:none}.floating-bar:hover{transform:translate(-50%);box-shadow:0 20px 60px #0003,inset 0 0 0 1.5px #fff9}@keyframes liquidFlow{0%{--angle: 0deg}to{--angle: 360deg}}[data-theme=noir] .floating-bar,[data-theme=navy] .floating-bar,[data-theme=forest] .floating-bar{background:#0f172acc;border-color:#ffffff1a}.top-bar-group{display:flex;gap:8px;align-items:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;color:#1e293b;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-tap-highlight-color:transparent}.action-btn:hover{background:#0000001f}.action-btn:focus,.action-btn:focus-visible,.action-btn:active{outline:none!important;box-shadow:none!important;border:none!important}.action-btn.active{background:#1e293b;color:#fff}.action-btn:after{content:attr(title);position:absolute;bottom:110%;left:50%;transform:translate(-50%);padding:6px 12px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#1e293b;font-size:11px;font-weight:600;border-radius:10px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #0000001a;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.action-btn:hover:after{opacity:1}[data-theme=noir] .action-btn:after,[data-theme=navy] .action-btn:after,[data-theme=forest] .action-btn:after{background:#0f172acc;color:#fff;border-color:#ffffff1a}[data-theme=noir] .action-btn,[data-theme=navy] .action-btn,[data-theme=forest] .action-btn{color:#e2e8f0}[data-theme=emerald] .action-btn.active{background:#f0fdf4;color:#064e3b}.action-btn.danger{color:#ef4444}.action-btn.danger:hover{background:#ef44441a}.dock-divider{width:1.5px;height:28px;background:#0000001a;margin:0 6px;border-radius:2px}[data-theme=noir] .dock-divider,[data-theme=navy] .dock-divider,[data-theme=forest] .dock-divider{background:#ffffff1a}.dock-popover{border:none;background:transparent;padding:0;margin:0;overflow:visible;position:fixed;bottom:85px;left:50%;transform:translate(-50%)}.help-popover{width:320px;max-width:90vw}.help-content li{margin-bottom:8px}.help-content li:last-child{margin-bottom:0}.dock-popover:not(:popover-open){display:none}.dock-settings{display:flex;gap:10px;align-items:center;padding:12px;background:#ffffffa6;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-radius:22px;box-shadow:0 15px 45px #00000026,inset 0 0 0 1.5px #fff6;animation:popIn .3s cubic-bezier(.34,1.56,.64,1);position:relative}.dock-settings:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;padding:1.5px;border-radius:23.5px;background:conic-gradient(from var(--angle),transparent 0deg,#ff0080 5deg,#ff8c00 15deg,#40e0d0 25deg,#9932cc 35deg,#ff0080 45deg,transparent 55deg,transparent 180deg,#ff0080 185deg,#ff8c00 195deg,#40e0d0 205deg,#9932cc 215deg,#ff0080 225deg,transparent 235deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;animation:liquidFlow 12s linear infinite;opacity:.8;z-index:-1;pointer-events:none}@keyframes popIn{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.action-select{padding:9px 14px;background:#fff6;border:1px solid rgba(0,0,0,.05);border-radius:14px;font-family:var(--font-body);font-size:13px;color:#1e293b;outline:none;cursor:pointer;transition:all .2s ease}.custom-font-input{padding:9px 14px;background:#fff6;border:1px solid rgba(0,0,0,.05);border-radius:14px;font-family:var(--font-body);font-size:13px;color:#1e293b;outline:none;width:140px;transition:all .2s ease}.action-select:hover,.custom-font-input:focus{background:#ffffffb3;border-color:#0000001a}@media (max-width: 600px){.dock-popover{bottom:80px}.dock-settings{flex-direction:column;min-width:220px;padding:15px}.action-select,.custom-font-input{width:100%}}.custom-font-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #d96c4d33}.info-banner{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;padding:16px 24px;border-radius:12px;margin-bottom:24px;max-width:800px;width:100%;font-size:14px}.info-banner ul{margin-left:20px;margin-top:8px}.info-banner li{margin-bottom:4px}.resume-container{background-color:#fff;width:100%;max-width:800px;padding:40px 50px;box-shadow:0 10px 40px #00000014;border-radius:12px;box-sizing:border-box;overflow-x:auto}.header{margin-bottom:25px}.name{font-family:var(--font-heading);font-size:var(--fs-name);font-weight:700;letter-spacing:2px;color:var(--text-main);margin-bottom:2px}.profession{font-family:var(--font-heading);font-size:var(--fs-prof);font-weight:600;letter-spacing:1.5px;color:var(--accent-color);margin-bottom:15px;text-transform:uppercase}.contact-info{display:flex;align-items:center;gap:15px;font-size:var(--fs-small);font-weight:500;color:var(--text-main)}.contact-item{display:flex;align-items:center;gap:8px}.editing .header{margin-bottom:20px!important}.editing .name,.editing .profession{margin-bottom:15px!important}.editing .contact-info{gap:25px 35px!important;margin-top:15px}.editing .contact-item{padding:8px 12px;background:var(--hover-bg);border:1px solid var(--line-color);border-radius:8px}.editing .section{margin-bottom:20px!important;padding:20px!important;border:1px dashed var(--line-color);background-color:var(--hover-bg);border-radius:12px;transition:all .2s ease}.editing .section:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000000d}.editing .section-header{margin-bottom:25px!important}.editing .experience-item,.editing .education-item{margin-bottom:35px!important;padding:15px;background:#fff;border:1px solid transparent;border-radius:10px;box-shadow:0 2px 5px #00000005}.editing .experience-item:hover,.editing .education-item:hover{border-color:var(--line-color)}.contact-item i{color:var(--accent-color);font-size:var(--fs-body)}.contact-separator{width:1px;height:14px;background-color:var(--line-color)}.clear-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:0 4px;display:flex;align-items:center;opacity:.5;transition:opacity .2s}.clear-btn:hover{opacity:1}.section{margin-bottom:25px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--line-color)}.icon-circle{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:var(--fs-icon-lg)}.section-title{font-family:var(--font-heading);font-size:var(--fs-section);font-weight:700;letter-spacing:1px;color:var(--text-main)}.section-content{padding-left:2px;font-size:var(--fs-body);color:var(--text-main)}p{color:var(--text-secondary)}.experience-item,.education-item{margin-bottom:25px}.experience-item:last-child,.education-item:last-child{margin-bottom:0}.experience-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.job-title{font-size:var(--fs-job);font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.5px}.date{font-size:var(--fs-small);font-weight:500;color:var(--text-secondary)}.company-location{font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:12px}.bullet-list{list-style-type:disc;padding-left:20px;color:var(--text-main)}.bullet-list li{margin-bottom:8px;padding-left:6px}.bullet-list li::marker{color:var(--text-main);font-size:var(--fs-small)}.skills-list{display:flex;flex-wrap:wrap;gap:14px 20px}.skill-pill{background-color:var(--pill-bg);color:var(--text-main);padding:4px 10px!important;border-radius:6px;border:1px solid var(--line-color);font-size:var(--fs-small);font-weight:500;display:inline-flex;align-items:center;transition:all .2s ease;margin-bottom:4px!important}.certifications-list{padding-left:20px;list-style-type:none}.certifications-list li{position:relative;margin-bottom:8px}.certifications-list li:before{content:"•";color:var(--text-main);font-weight:700;position:absolute;left:-15px}@media (max-width: 600px){.resume-container{padding:25px 20px}.contact-info{flex-direction:column;align-items:flex-start;gap:10px}.contact-separator{display:none}.experience-header{flex-direction:column}.date{margin-top:4px}}.edit-input{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;background-color:var(--input-bg);border:1px dashed var(--accent-color);border-radius:4px;padding:2px 4px;margin:-3px -5px;width:auto;max-width:100%;outline:none;transition:all .2s}.edit-input:focus{background-color:var(--bg-color);border:1px solid var(--accent-color);box-shadow:0 0 0 2px #d8624433}textarea.edit-input{width:100%;resize:vertical}.relative-box{position:relative;padding:8px;margin:-8px;border-radius:6px;border:1px solid transparent;transition:border-color .2s}.editing .relative-box:hover{border-color:var(--line-color);background-color:var(--hover-bg)}.item-controls{position:absolute;right:-40px;top:5px;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s}.relative-box:hover .item-controls{opacity:1}.item-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;box-shadow:0 2px 4px #0000000d}.item-controls button:hover{background:#f5f5f5;color:var(--text-main)}.bullet-item{position:relative;display:flex;align-items:flex-start;gap:10px}.bullet-item .edit-input{flex:1}.del-bullet-btn{background:none;border:none;color:#ef4444;cursor:pointer;opacity:0;transition:opacity .2s;padding:4px}.bullet-item:hover .del-bullet-btn{opacity:1}.add-btn{display:flex;align-items:center;gap:6px;margin-top:15px;background:none;border:1px dashed #ccc;color:#666;padding:8px 16px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;width:100%;justify-content:center;transition:all .2s}.add-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#fff9f6}.add-btn.sub-btn{margin-top:5px;padding:6px 12px;font-size:12px;width:auto}.del-skill-btn{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0}.skill-pill:hover .del-skill-btn{opacity:1}.add-skill-btn{background:#fff;border:1px dashed #ccc;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:4px;cursor:pointer;font-size:13px;color:#666}.add-skill-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.cert-item{display:flex;align-items:baseline;flex-wrap:wrap}.sec-box{border:1px solid transparent;transition:all .2s;border-radius:8px}.editing .sec-box:hover{border-color:var(--line-color);background-color:var(--hover-bg)}.section-controls{position:absolute;top:-15px;right:-15px;display:flex;flex-direction:column;gap:5px;opacity:0;transition:opacity .2s;z-index:10;background:#fff;padding:5px;border-radius:6px;box-shadow:0 4px 12px #0000001a;border:1px solid #eee}.sec-box:hover .section-controls{opacity:1}.sec-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:#555;transition:all .2s}.sec-btn:hover{background:#fff;border-color:var(--accent-color);color:var(--accent-color)}.break-btn{font-family:var(--font-body);font-size:11px;font-weight:600;gap:4px;width:100%}.page-break{margin:30px 0}.page-break-indicator{text-align:center;color:var(--accent-color);font-family:monospace;font-size:14px;font-weight:700;padding:20px;background:repeating-linear-gradient(45deg,transparent,transparent 10px,#fae8e3 10px,#fae8e3 20px);border:2px dashed var(--accent-color);border-radius:8px}@media print{@page{size:A4;margin:0}html,body{width:210mm;height:297mm;margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.hide-print,.floating-bar,.info-banner,.template-indicator,.template-nav-btn{display:none!important}.resume-wrapper{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;position:static!important;transform:none!important}.resume-slider-viewport{overflow:visible!important;width:100%!important;border-radius:0!important;position:static!important}.resume-slider{display:block!important;width:100%!important;transform:none!important;transition:none!important;position:static!important}.resume-slide{width:100%!important;opacity:1!important;transform:none!important;transition:none!important;position:static!important;filter:none!important}.resume-slide.inactive{display:none!important}.resume-container{box-shadow:none!important;margin:0!important;padding:10mm 15mm!important;width:210mm!important;min-height:297mm!important;border-radius:0!important;background-color:#fff!important;position:relative!important}.page-break{page-break-after:always;break-after:page;margin:0;padding:0;height:0;border:none}.page-break+.section{margin-top:8mm}.edit-input{border:none!important;background:none!important;padding:0!important;margin:0!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.dragging{opacity:.4;border:2px dashed var(--accent-color)!important;background-color:var(--hover-bg)!important}.install-banner{position:fixed;bottom:30px;right:30px;z-index:9999;width:320px;padding:1.2px;border-radius:20px;background:conic-gradient(from var(--angle),transparent 0deg,#ff0080 5deg,#ff8c00 15deg,#40e0d0 25deg,#9932cc 35deg,#ff0080 45deg,transparent 55deg,transparent 180deg,#ff0080 185deg,#ff8c00 195deg,#40e0d0 205deg,#9932cc 215deg,#ff0080 225deg,transparent 235deg);box-shadow:0 20px 40px #00000040;animation:slideInRight .8s cubic-bezier(.16,1,.3,1),rotate 4s linear infinite}.install-content{background:#fffc;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-radius:19px;padding:16px;display:flex;flex-direction:column;gap:12px}[data-theme=noir] .install-content,[data-theme=navy] .install-content,[data-theme=forest] .install-content{background:#0f172acc}.install-header{display:flex;align-items:center;gap:12px}.install-icon{width:42px;height:42px;background:var(--accent-color);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.install-text h4{margin:0;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--text-main)}.install-text p{margin:2px 0 0;font-size:12px;color:var(--text-secondary);line-height:1.4}.install-actions{display:flex;gap:8px}.install-btn{flex:2;background:var(--text-main);color:var(--bg-color);border:none;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.install-btn:hover{opacity:.9}.dismiss-btn{flex:1;background:var(--pill-bg);border:1px solid var(--line-color);color:var(--text-secondary);padding:10px 16px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer}@media (max-width: 640px){.install-banner{bottom:20px;left:20px;right:20px;width:auto}.action-btn:after{display:none!important}.floating-bar{bottom:16px;gap:16px;padding:8px 16px}.editing .edit-input{padding:8px 12px!important;margin:6px 0!important;display:block!important;width:100%!important;font-size:14px!important}.editing .experience-header,.editing .education-header{flex-direction:column!important;gap:12px!important;align-items:flex-start!important;margin-bottom:15px!important}.editing .bullet-list li{margin-bottom:16px!important;padding-top:4px}.editing .section{padding:15px!important;margin-bottom:25px!important}.editing .contact-info{gap:12px!important;display:flex!important;flex-direction:column!important}.editing .contact-item{width:100%!important;max-width:none!important;justify-content:space-between!important;padding:12px 16px!important}.resume-container{padding:20px 15px!important;border-radius:0!important}.resume-slider-viewport{border-radius:0!important}}.drag-handle{cursor:grab!important}.drag-handle:active{cursor:grabbing!important}.section.dragging{box-shadow:0 5px 15px #0000001a;transform:scale(.99)}.template-modern{padding:0!important;overflow:hidden;display:flex;flex-direction:column}.modern-layout{display:grid;grid-template-columns:260px 1fr;min-height:1100px;background:#fff}.modern-sidebar{background-color:var(--pill-bg);padding:40px 30px;border-right:1px solid var(--line-color);display:flex;flex-direction:column;gap:30px}.modern-sidebar-top{margin-bottom:20px}.modern-name{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--text-main);line-height:1.1;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.modern-profession{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:2px}.modern-sidebar-title{font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-main);margin-bottom:15px;padding-bottom:8px;border-bottom:1.5px solid var(--accent-color);width:fit-content}.modern-contact-list{display:flex;flex-direction:column;gap:12px}.modern-contact-item{display:flex;flex-direction:column;gap:2px}.modern-contact-label{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;opacity:.7}.modern-contact-value{font-size:12px;color:var(--text-main);word-break:break-all}.modern-main-content{padding:40px 50px;display:flex;flex-direction:column;gap:25px}.template-modern .section-header{border-bottom:1.5px solid var(--line-color);margin-bottom:15px}.template-modern .section-title{font-size:16px;letter-spacing:1.5px}.template-modern .experience-header{margin-bottom:4px}.template-modern .job-title{font-size:14px;color:var(--accent-color)}.template-modern .skills-list{gap:8px}.template-modern .skill-pill{background:#fff;padding:3px 8px!important;font-size:11px}.resume-container{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.template-indicator{display:flex;justify-content:center;gap:8px;margin-top:20px;margin-bottom:20px}@media (max-width: 640px){.template-indicator{margin-top:10px;margin-bottom:10px}}.indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--line-color);transition:all .3s ease}.indicator-dot.active{background:var(--accent-color);transform:scale(1.2)}@media (max-width: 768px){.modern-layout{grid-template-columns:1fr;min-height:auto}.modern-sidebar{border-right:none;border-bottom:1px solid var(--line-color);padding:30px 20px}.modern-main-content{padding:30px 20px}}@media (max-width: 480px){.modern-sidebar,.modern-main-content,.resume-container{padding:20px 15px}.name{font-size:32px}.modern-name{font-size:24px}}@media print{.template-modern{box-shadow:none!important;border:none!important}.modern-layout{display:grid!important;grid-template-columns:240px 1fr!important}.modern-sidebar{background-color:#f8f9fa!important;-webkit-print-color-adjust:exact}}.resume-wrapper{position:relative;width:100%;max-width:800px;margin:0 auto;display:flex;justify-content:center}.template-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#fff;border:1px solid var(--line-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;color:var(--accent-color);box-shadow:0 4px 15px #0000000d}.resume-wrapper:hover .template-nav-btn{opacity:1}.prev-btn{left:-80px}.next-btn{right:-80px}.template-nav-btn:hover{background:var(--accent-color);color:#fff;box-shadow:0 10px 25px #0000001a;transform:translateY(-50%) scale(1.1)}@media (max-width: 1100px){.template-nav-btn{display:none}}.resume-slider-viewport{width:100%;overflow:hidden;position:relative;border-radius:12px}.resume-slider{display:flex;width:200%;transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform;align-items:flex-start}.resume-slider.template-active-classic{transform:translate(0)}.resume-slider.template-active-modern{transform:translate(-50%)}.resume-slide{width:50%;transition:opacity .4s ease,transform .6s cubic-bezier(.23,1,.32,1);overflow-x:auto;-webkit-overflow-scrolling:touch}.resume-slide.inactive{opacity:.3;transform:scale(.98);pointer-events:none;filter:blur(2px);height:0;overflow:hidden}.resume-slide.active{opacity:1;transform:scale(1);pointer-events:auto;filter:blur(0)}.resume-container{margin:0!important;width:100%!important}