:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--accent-400: #34d399;--accent-500: #10b981;--accent-600: #059669;--warm-400: #fb923c;--warm-500: #f97316;--surface-0: #030712;--surface-50: #0a0f1e;--surface-100: #111827;--surface-200: #1e2536;--surface-300: #2a3148;--surface-400: #374151;--surface-500: #4b5563;--surface-600: #6b7280;--surface-700: #9ca3af;--surface-800: #d1d5db;--surface-900: #f3f4f6;--surface-950: #f9fafb;--white: #ffffff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--shadow-glow-accent: 0 0 40px rgba(16, 185, 129, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--glass-bg: rgba(17, 24, 39, .7);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--surface-0);color:var(--surface-800);line-height:1.6;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:inherit;outline:none;border:none;background:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-100)}::-webkit-scrollbar-thumb{background:var(--surface-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.app{min-height:100vh;position:relative}.app-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}.app-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(16,185,129,.06) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(249,115,22,.04) 0%,transparent 50%);animation:bgFloat 20s ease-in-out infinite}@keyframes bgFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-2%,-1%) rotate(1deg)}66%{transform:translate(1%,2%) rotate(-1deg)}}.app-bg .grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-4) var(--space-8);background:#030712cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);transition:var(--transition-base)}.navbar.scrolled{padding:var(--space-3) var(--space-8);background:#030712f2}.navbar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--text-xl);color:var(--white)}.navbar-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-lg);display:grid;place-items:center;font-size:var(--text-lg);color:var(--white);font-weight:800}.navbar-logo .logo-dot{color:var(--primary-400)}.navbar-links{display:flex;align-items:center;gap:var(--space-8)}.navbar-links a{font-size:var(--text-sm);font-weight:500;color:var(--surface-700);transition:var(--transition-fast);position:relative}.navbar-links a:hover{color:var(--white)}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-500);transition:var(--transition-base)}.navbar-links a:hover:after{width:100%}.navbar-cta{display:flex;align-items:center;gap:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-lg);transition:var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:var(--transition-fast)}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-200);color:var(--surface-800);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--surface-300);border-color:#ffffff26;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:var(--white);box-shadow:0 4px 15px #10b9814d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-ghost{color:var(--surface-700);background:transparent}.btn-ghost:hover{color:var(--white);background:var(--surface-200)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-lg)}.landing{position:relative;z-index:1}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-24) var(--space-8) var(--space-16);position:relative}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-200);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--primary-400);margin-bottom:var(--space-8);animation:fadeInUp .6s ease-out}.hero-badge .pulse{width:8px;height:8px;background:var(--accent-500);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hero h1{font-size:clamp(var(--text-4xl),6vw,var(--text-7xl));font-weight:900;color:var(--white);line-height:1.1;max-width:900px;margin-bottom:var(--space-6);animation:fadeInUp .6s ease-out .1s both}.hero h1 .gradient-text{background:linear-gradient(135deg,var(--primary-400),var(--accent-400),var(--warm-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .hero-subtitle{font-size:clamp(var(--text-lg),2vw,var(--text-xl));color:var(--surface-600);max-width:600px;margin-bottom:var(--space-10);line-height:1.7;animation:fadeInUp .6s ease-out .2s both}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;animation:fadeInUp .6s ease-out .3s both}.hero-visual{margin-top:var(--space-16);width:100%;max-width:1000px;animation:fadeInUp .8s ease-out .4s both}.hero-mockup{background:var(--surface-100);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-1);box-shadow:var(--shadow-xl),var(--shadow-glow);overflow:hidden}.hero-mockup-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border)}.hero-mockup-bar .dot{width:10px;height:10px;border-radius:var(--radius-full)}.hero-mockup-bar .dot:nth-child(1){background:#ef4444}.hero-mockup-bar .dot:nth-child(2){background:#f59e0b}.hero-mockup-bar .dot:nth-child(3){background:#10b981}.hero-mockup-content{padding:var(--space-8);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-6);min-height:300px}.mockup-sidebar{display:flex;flex-direction:column;gap:var(--space-3)}.mockup-sidebar-item{height:12px;background:var(--surface-300);border-radius:var(--radius-sm);animation:shimmer 2s ease-in-out infinite}.mockup-sidebar-item:nth-child(1){width:80%;animation-delay:0s}.mockup-sidebar-item:nth-child(2){width:60%;animation-delay:.2s}.mockup-sidebar-item:nth-child(3){width:90%;animation-delay:.4s}.mockup-sidebar-item:nth-child(4){width:70%;animation-delay:.6s}.mockup-sidebar-item:nth-child(5){width:50%;animation-delay:.8s}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.mockup-main{display:flex;flex-direction:column;gap:var(--space-4)}.mockup-main-block{background:var(--surface-200);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.mockup-main-block.header{height:60px}.mockup-main-block.body{flex:1}.features{padding:var(--space-24) var(--space-8);max-width:1280px;margin:0 auto}.section-label{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-400);margin-bottom:var(--space-4)}.section-title{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:800;color:var(--white);margin-bottom:var(--space-4);line-height:1.2}.section-subtitle{font-size:var(--text-lg);color:var(--surface-600);max-width:600px;margin-bottom:var(--space-12)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);transition:var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-500),transparent);opacity:0;transition:var(--transition-base)}.feature-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:var(--shadow-glow)}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:grid;place-items:center;font-size:var(--text-2xl);margin-bottom:var(--space-5)}.feature-icon.purple{background:#6366f126;color:var(--primary-400)}.feature-icon.green{background:#10b98126;color:var(--accent-400)}.feature-icon.orange{background:#f9731626;color:var(--warm-400)}.feature-icon.blue{background:#3b82f626;color:var(--info)}.feature-card h3{font-size:var(--text-lg);font-weight:700;color:var(--white);margin-bottom:var(--space-3)}.feature-card p{color:var(--surface-600);font-size:var(--text-sm);line-height:1.7}.how-it-works{padding:var(--space-24) var(--space-8);max-width:1280px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-8);counter-reset:step}.step-card{text-align:center;padding:var(--space-8);position:relative;counter-increment:step}.step-number{width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:var(--white);font-size:var(--text-2xl);font-weight:800;display:grid;place-items:center;margin:0 auto var(--space-6);box-shadow:0 0 30px #6366f14d}.step-card h3{font-size:var(--text-lg);font-weight:700;color:var(--white);margin-bottom:var(--space-3)}.step-card p{color:var(--surface-600);font-size:var(--text-sm);line-height:1.7}.cta-section{padding:var(--space-24) var(--space-8);text-align:center}.cta-card{max-width:800px;margin:0 auto;background:linear-gradient(135deg,#6366f11a,#10b9811a);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-8)}.cta-card h2{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));font-weight:800;color:var(--white);margin-bottom:var(--space-4)}.cta-card p{color:var(--surface-600);font-size:var(--text-lg);margin-bottom:var(--space-8)}.footer{padding:var(--space-12) var(--space-8);border-top:1px solid var(--glass-border);text-align:center}.footer p{color:var(--surface-500);font-size:var(--text-sm)}.footer .footer-heart{color:var(--error)}.builder-page{position:relative;z-index:1;padding-top:80px;min-height:100vh}.builder-container{max-width:900px;margin:0 auto;padding:var(--space-8)}.builder-header{text-align:center;margin-bottom:var(--space-10)}.builder-header h1{font-size:var(--text-3xl);font-weight:800;color:var(--white);margin-bottom:var(--space-2)}.builder-header p{color:var(--surface-600);font-size:var(--text-base)}.progress-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-10);padding:0 var(--space-4);flex-wrap:wrap}.progress-step{display:flex;align-items:center;gap:var(--space-1)}.progress-dot{width:36px;height:36px;border-radius:var(--radius-full);display:grid;place-items:center;font-size:var(--text-xs);font-weight:700;border:2px solid var(--surface-400);color:var(--surface-500);transition:var(--transition-base);flex-shrink:0}.progress-dot.active{border-color:var(--primary-500);background:var(--primary-500);color:var(--white);box-shadow:0 0 20px #6366f14d}.progress-dot.completed{border-color:var(--accent-500);background:var(--accent-500);color:var(--white)}.progress-label{font-size:var(--text-xs);color:var(--surface-500);font-weight:500;display:none}.progress-line{width:30px;height:2px;background:var(--surface-400);transition:var(--transition-base);flex-shrink:0}.progress-line.completed{background:var(--accent-500)}.form-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);animation:fadeInUp .4s ease-out}.form-card h2{font-size:var(--text-2xl);font-weight:700;color:var(--white);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.form-card .form-description{color:var(--surface-600);font-size:var(--text-sm);margin-bottom:var(--space-8)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.form-grid.single{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group.full{grid-column:1 / -1}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--surface-700)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3) var(--space-4);background:var(--surface-200);border:1px solid var(--surface-300);border-radius:var(--radius-lg);color:var(--white);font-size:var(--text-sm);transition:var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--surface-500)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f126}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-10)}.form-group select option{background:var(--surface-100);color:var(--white)}.dynamic-list{display:flex;flex-direction:column;gap:var(--space-4)}.dynamic-item{background:var(--surface-200);border:1px solid var(--surface-300);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;animation:fadeInUp .3s ease-out}.dynamic-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.dynamic-item-header h4{font-size:var(--text-sm);font-weight:600;color:var(--surface-700)}.dynamic-item .remove-btn{width:28px;height:28px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--surface-500);transition:var(--transition-fast);font-size:var(--text-lg)}.dynamic-item .remove-btn:hover{background:#ef444426;color:var(--error)}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:2px dashed var(--surface-400);border-radius:var(--radius-xl);color:var(--surface-500);font-weight:600;font-size:var(--text-sm);transition:var(--transition-base);width:100%}.add-item-btn:hover{border-color:var(--primary-500);color:var(--primary-400);background:#6366f10d}.form-nav{display:flex;justify-content:space-between;margin-top:var(--space-8)}.tags-input{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);background:var(--surface-200);border:1px solid var(--surface-300);border-radius:var(--radius-lg);min-height:44px;cursor:text;transition:var(--transition-fast)}.tags-input:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f126}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--primary-300)}.tag button{display:grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-full);font-size:10px;color:var(--primary-300);transition:var(--transition-fast)}.tag button:hover{background:#ef44444d;color:var(--error)}.tags-input input{flex:1;min-width:120px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--white);background:transparent;border:none}.preview-page{position:relative;z-index:1;padding-top:80px;min-height:100vh}.preview-container{max-width:1400px;margin:0 auto;padding:var(--space-8)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-4) var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl)}.template-switcher{display:flex;gap:var(--space-2)}.template-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--surface-600);border:1px solid transparent;transition:var(--transition-fast)}.template-btn.active{background:var(--primary-600);color:var(--white);box-shadow:0 0 15px #6366f14d}.template-btn:hover:not(.active){background:var(--surface-200);color:var(--surface-800)}.preview-actions{display:flex;gap:var(--space-3)}.preview-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);align-items:start}.resume-paper{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;color:#1a1a2e;min-height:1056px;position:relative}.ai-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);position:sticky;top:100px}.ai-panel-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.ai-panel-header .ai-icon{width:36px;height:36px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));display:grid;place-items:center;font-size:var(--text-lg)}.ai-panel-header h3{font-size:var(--text-base);font-weight:700;color:var(--white)}.ai-suggestion{padding:var(--space-4);background:var(--surface-200);border:1px solid var(--surface-300);border-radius:var(--radius-xl);margin-bottom:var(--space-3);cursor:pointer;transition:var(--transition-base)}.ai-suggestion:hover{border-color:var(--primary-500);background:var(--surface-300)}.ai-suggestion .suggestion-type{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-400);margin-bottom:var(--space-2)}.ai-suggestion p{font-size:var(--text-sm);color:var(--surface-700);line-height:1.5}.ai-suggestion .suggestion-action{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--accent-400)}.ai-generate-btn{width:100%;margin-top:var(--space-4)}.resume-modern{padding:48px;font-family:Inter,sans-serif}.resume-modern .resume-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.resume-modern .resume-name{font-size:32px;font-weight:800;color:#111827;margin-bottom:4px;letter-spacing:-.02em}.resume-modern .resume-title{font-size:14px;font-weight:500;color:#6366f1;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.resume-modern .resume-contact{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;font-size:12px;color:#6b7280}.resume-modern .resume-contact span{display:flex;align-items:center;gap:4px}.resume-modern .resume-section{margin-bottom:24px}.resume-modern .resume-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6366f1;padding-bottom:8px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.resume-modern .resume-item{margin-bottom:16px}.resume-modern .resume-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.resume-modern .resume-item-title{font-size:14px;font-weight:700;color:#111827}.resume-modern .resume-item-subtitle{font-size:13px;color:#4b5563;font-style:italic}.resume-modern .resume-item-date{font-size:12px;color:#9ca3af;white-space:nowrap}.resume-modern .resume-item-description{font-size:13px;color:#4b5563;line-height:1.6;margin-top:4px}.resume-modern .skills-list{display:flex;flex-wrap:wrap;gap:8px}.resume-modern .skill-tag{padding:4px 12px;background:#eef2ff;color:#4338ca;border-radius:99px;font-size:12px;font-weight:600}.resume-classic{font-family:Georgia,Times New Roman,serif}.resume-classic .resume-header{background:#1a1a2e;color:#fff;padding:40px 48px}.resume-classic .resume-name{font-size:30px;font-weight:700;margin-bottom:4px}.resume-classic .resume-title{font-size:14px;font-weight:400;color:#a5b4fc;margin-bottom:12px}.resume-classic .resume-contact{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#d1d5db;font-family:Inter,sans-serif}.resume-classic .resume-body{padding:40px 48px}.resume-classic .resume-section{margin-bottom:28px}.resume-classic .resume-section-title{font-size:16px;font-weight:700;color:#1a1a2e;padding-bottom:8px;border-bottom:2px solid #1a1a2e;margin-bottom:16px;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.resume-classic .resume-item{margin-bottom:16px}.resume-classic .resume-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.resume-classic .resume-item-title{font-size:14px;font-weight:700;color:#1a1a2e;font-family:Inter,sans-serif}.resume-classic .resume-item-subtitle{font-size:13px;color:#4b5563;font-style:italic}.resume-classic .resume-item-date{font-size:12px;color:#9ca3af;font-family:Inter,sans-serif}.resume-classic .resume-item-description{font-size:13px;color:#374151;line-height:1.7;margin-top:4px}.resume-classic .skills-list{display:flex;flex-wrap:wrap;gap:8px}.resume-classic .skill-tag{padding:4px 12px;background:#1a1a2e;color:#fff;border-radius:4px;font-size:12px;font-weight:600;font-family:Inter,sans-serif}.resume-creative{font-family:Inter,sans-serif}.resume-creative .resume-header{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;padding:48px;position:relative;overflow:hidden}.resume-creative .resume-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff14;border-radius:50%}.resume-creative .resume-name{font-size:36px;font-weight:900;margin-bottom:4px;position:relative;letter-spacing:-.02em}.resume-creative .resume-title{font-size:16px;font-weight:500;color:#fffc;margin-bottom:16px;position:relative}.resume-creative .resume-contact{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#ffffffb3;position:relative}.resume-creative .resume-body{padding:40px 48px}.resume-creative .resume-section{margin-bottom:28px}.resume-creative .resume-section-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6366f1;margin-bottom:16px;display:flex;align-items:center;gap:12px}.resume-creative .resume-section-title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#6366f1,transparent)}.resume-creative .resume-item{margin-bottom:16px;padding-left:16px;border-left:3px solid #e0e7ff}.resume-creative .resume-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.resume-creative .resume-item-title{font-size:14px;font-weight:700;color:#111827}.resume-creative .resume-item-subtitle{font-size:13px;color:#6b7280}.resume-creative .resume-item-date{font-size:12px;color:#a855f7;font-weight:600}.resume-creative .resume-item-description{font-size:13px;color:#4b5563;line-height:1.6;margin-top:4px}.resume-creative .skills-list{display:flex;flex-wrap:wrap;gap:8px}.resume-creative .skill-tag{padding:6px 14px;background:linear-gradient(135deg,#eef2ff,#ede9fe);color:#6366f1;border-radius:99px;font-size:12px;font-weight:700;border:1px solid #c7d2fe}.portfolio-page{position:relative;z-index:1;padding-top:80px;min-height:100vh}.portfolio-container{max-width:1280px;margin:0 auto;padding:var(--space-8)}.portfolio-header-section{text-align:center;padding:var(--space-16) 0;margin-bottom:var(--space-12)}.portfolio-avatar{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));display:grid;place-items:center;font-size:var(--text-4xl);font-weight:800;color:var(--white);margin:0 auto var(--space-6);box-shadow:0 0 40px #6366f14d}.portfolio-name{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:900;color:var(--white);margin-bottom:var(--space-2)}.portfolio-title{font-size:var(--text-xl);color:var(--primary-400);font-weight:500;margin-bottom:var(--space-4)}.portfolio-bio{max-width:700px;margin:0 auto;color:var(--surface-600);font-size:var(--text-base);line-height:1.8}.portfolio-section{margin-bottom:var(--space-16)}.portfolio-section-title{font-size:var(--text-2xl);font-weight:800;color:var(--white);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-3)}.portfolio-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--glass-border),transparent)}.portfolio-skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.portfolio-skill{padding:var(--space-2) var(--space-5);background:var(--surface-200);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--primary-300);transition:var(--transition-base)}.portfolio-skill:hover{border-color:var(--primary-500);background:#6366f11a;transform:translateY(-2px)}.portfolio-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.portfolio-project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);transition:var(--transition-base)}.portfolio-project-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:var(--shadow-glow)}.portfolio-project-card h3{font-size:var(--text-lg);font-weight:700;color:var(--white);margin-bottom:var(--space-2)}.portfolio-project-card p{font-size:var(--text-sm);color:var(--surface-600);line-height:1.7;margin-bottom:var(--space-4)}.portfolio-project-tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}.portfolio-project-tech span{padding:var(--space-1) var(--space-3);background:#6366f11a;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--primary-400)}.portfolio-experience-list{display:flex;flex-direction:column;gap:var(--space-6)}.portfolio-exp-card{display:flex;gap:var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6)}.portfolio-exp-timeline{display:flex;flex-direction:column;align-items:center;padding-top:4px}.portfolio-exp-dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--primary-500);flex-shrink:0}.portfolio-exp-line{width:2px;flex:1;background:var(--surface-400);margin-top:var(--space-2)}.portfolio-exp-content h3{font-size:var(--text-lg);font-weight:700;color:var(--white);margin-bottom:var(--space-1)}.portfolio-exp-content .exp-company{font-size:var(--text-sm);color:var(--primary-400);font-weight:600;margin-bottom:var(--space-1)}.portfolio-exp-content .exp-date{font-size:var(--text-xs);color:var(--surface-500);margin-bottom:var(--space-3)}.portfolio-exp-content p{font-size:var(--text-sm);color:var(--surface-600);line-height:1.7}.portfolio-contact-card{background:linear-gradient(135deg,#6366f11a,#10b9811a);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-2xl);padding:var(--space-12);text-align:center}.portfolio-contact-card h3{font-size:var(--text-2xl);font-weight:800;color:var(--white);margin-bottom:var(--space-4)}.portfolio-contact-card p{color:var(--surface-600);margin-bottom:var(--space-6)}.portfolio-contact-links{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.portfolio-contact-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--primary-400);transition:var(--transition-fast)}.portfolio-contact-link:hover{color:var(--white)}.view-tabs{display:flex;gap:var(--space-2);background:var(--surface-200);border-radius:var(--radius-lg);padding:var(--space-1)}.view-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--surface-600);transition:var(--transition-fast)}.view-tab.active{background:var(--primary-600);color:var(--white)}.view-tab:hover:not(.active){color:var(--white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeInUp .5s ease-out both}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}@media(max-width:1024px){.preview-layout{grid-template-columns:1fr}.ai-panel{position:static}}@media(max-width:768px){.navbar-links{display:none}.form-grid,.hero-mockup-content{grid-template-columns:1fr}.mockup-sidebar{display:none}.resume-modern,.resume-classic .resume-body,.resume-creative .resume-body,.resume-classic .resume-header,.resume-creative .resume-header{padding:24px}.resume-modern .resume-name{font-size:24px}.resume-creative .resume-name{font-size:28px}.portfolio-projects-grid{grid-template-columns:1fr}.portfolio-exp-card{flex-direction:column;gap:var(--space-4)}.portfolio-exp-timeline{display:none}.preview-toolbar{flex-direction:column;align-items:stretch}.template-switcher{overflow-x:auto;padding-bottom:var(--space-2)}.preview-actions{justify-content:center}.features-grid,.steps-grid{grid-template-columns:1fr}.progress-bar{gap:0}.progress-line{width:16px}}@media(max-width:480px){.hero h1{font-size:var(--text-3xl)}.hero-actions{flex-direction:column;width:100%;padding:0 var(--space-4)}.hero-actions .btn{width:100%}.builder-container,.preview-container,.portfolio-container{padding:var(--space-4)}.form-card{padding:var(--space-5)}.form-nav{flex-direction:column;gap:var(--space-3)}.form-nav .btn{width:100%}}@media print{.navbar,.preview-toolbar,.ai-panel,.form-nav,.app-bg{display:none!important}.resume-paper{box-shadow:none;border-radius:0}.preview-layout{grid-template-columns:1fr}body{background:#fff}}