@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg-dark:#0a0e1a;--bg-darker:#05070d;--bg-card:rgba(17,24,39,.6);--bg-card-hover:rgba(31,41,55,.7);--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-gold:#f59e0b;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-green:#10b981;--accent-red:#ef4444;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#8b5cf6;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dark:#1f2937;--border-color:hsla(0,0%,100%,.08);--border-light:hsla(0,0%,100%,.15);--gradient-primary:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);--gradient-gold:linear-gradient(135deg,#fbbf24,#d97706);--gradient-purple:linear-gradient(135deg,#a78bfa,#7c3aed);--gradient-pink:linear-gradient(135deg,#f472b6,#db2777);--gradient-green:linear-gradient(135deg,#34d399,#059669);--gradient-rainbow:linear-gradient(135deg,#06b6d4,#3b82f6 30%,#8b5cf6 60%,#ec4899);--gradient-sunset:linear-gradient(135deg,#f59e0b,#ef4444);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.37);--glass-blur:blur(20px);--glow-cyan:0 0 20px rgba(6,182,212,.4);--glow-purple:0 0 20px rgba(139,92,246,.4);--glow-gold:0 0 20px rgba(245,158,11,.4);--glow-pink:0 0 20px rgba(236,72,153,.4);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;letter-spacing:.01em;line-height:1.75;overflow-x:hidden;overflow-y:auto}.app-container{display:flex;min-height:100vh;width:100%}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:28px 0 36px}.hero-meta{color:var(--text-muted);margin-bottom:12px}.hero-badge-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.sidebar{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(180deg,rgba(10,14,26,.92),rgba(15,23,42,.95));border-right:1px solid rgba(6,182,212,.1);box-shadow:20px 0 60px -30px rgba(0,0,0,.7);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform var(--transition-normal),width var(--transition-normal);width:260px;z-index:100}.sidebar:before{background:linear-gradient(180deg,rgba(6,182,212,.4),rgba(139,92,246,.3) 50%,rgba(236,72,153,.2));content:"";height:100%;opacity:.7;position:absolute;right:0;top:0;width:1px}body.sidebar-collapsed .sidebar{pointer-events:none;transform:translateX(-260px)}body.sidebar-collapsed .main-content{margin-left:0;width:100%}.sidebar-header{border-bottom:1px solid hsla(0,0%,100%,.05);margin-bottom:20px;padding:30px 20px}.sidebar-header:after{background:linear-gradient(90deg,transparent,rgba(6,182,212,.4),transparent);bottom:-1px;content:"";height:1px;left:20px;position:absolute;right:20px}.sidebar-header h1{background:var(--gradient-rainbow);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:1.5rem;font-weight:800;-webkit-text-fill-color:transparent;animation:textRainbow 10s ease infinite;margin-bottom:5px}.sidebar-header .subtitle{color:var(--text-muted);font-size:.85rem;font-weight:500}.nav-section{margin-bottom:24px}.nav-section-label{color:rgba(148,163,184,.6);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:10px;padding:0 20px;text-transform:uppercase}.nav-item{align-items:center;background:transparent;border-left:0;border-radius:12px;color:var(--text-main);cursor:pointer;display:flex;font-size:.92rem;font-weight:500;margin:2px 12px;padding:12px 18px;position:relative;text-decoration:none;transition:all var(--transition-normal)}.nav-item:hover{background:linear-gradient(90deg,rgba(6,182,212,.1),rgba(59,130,246,.06));color:#e0f2fe;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(6,182,212,.2),rgba(139,92,246,.12));box-shadow:0 4px 16px rgba(6,182,212,.15),inset 0 0 0 1px rgba(6,182,212,.2);color:#fff;font-weight:600}.nav-item.active:before{background:var(--gradient-primary);border-radius:3px;bottom:25%;box-shadow:0 0 8px rgba(6,182,212,.6);content:"";left:-4px;position:absolute;top:25%;width:3px}.nav-item .nav-icon{filter:drop-shadow(0 0 0 transparent);font-size:1.1rem;margin-right:12px;transition:filter var(--transition-normal),transform var(--transition-fast)}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px rgba(6,182,212,.6))}.main-content{flex:1;margin-left:260px;max-width:none;min-height:100vh;padding:36px 48px 64px;width:calc(100% - 260px)}.mobile-header{align-items:center;backdrop-filter:var(--glass-blur);background:rgba(10,14,26,.9);border-bottom:1px solid var(--border-color);display:none;justify-content:space-between;left:0;padding:16px 24px;position:fixed;right:0;top:0;z-index:90}.hamburger{background:none;border:none;color:var(--text-main);cursor:pointer;font-size:1.5rem}.hamburger span{background:currentColor;border-radius:2px;display:block;height:2px;margin:4px 0;width:22px}.sidebar-header{position:relative}.sidebar-header .sidebar-toggle{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;color:var(--text-main);display:inline-flex;font-size:18px;height:36px;justify-content:center;padding:6px;position:absolute;right:12px;top:12px;transition:transform var(--transition-fast),background var(--transition-fast);width:40px}.sidebar-toggle.floating{align-items:center;backdrop-filter:blur(6px);background:linear-gradient(135deg,rgba(6,182,212,.95),rgba(59,130,246,.95));border:none;border-radius:12px;bottom:20px;box-shadow:0 10px 30px rgba(6,182,212,.18);color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;position:fixed;right:20px;width:48px;z-index:260}@media (max-width:768px){.sidebar-toggle,.sidebar-toggle.floating{display:none!important}.mobile-header{display:flex}.main-content{padding-top:72px}.sidebar{height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-260px);transition:transform var(--transition-normal);z-index:320;-webkit-overflow-scrolling:touch}.sidebar.open{pointer-events:auto!important;transform:translateX(0)!important}.overlay{background:rgba(0,0,0,.45);display:none;inset:0;opacity:0;position:fixed;transition:opacity var(--transition-normal);z-index:310}.overlay.show{display:block;opacity:1}}body.sidebar-collapsed .sidebar.open{pointer-events:auto!important;transform:translateX(0)!important}.sidebar .nav-item{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}.sidebar.open{pointer-events:auto!important;transform:translateX(0)!important;z-index:340!important}@media (min-width:769px){body.sidebar-collapsed .sidebar-toggle.floating{bottom:20px!important;display:inline-flex!important;left:auto!important;position:fixed!important;right:20px!important;top:auto!important;z-index:240!important}}body.sidebar-collapsed .sidebar-header .sidebar-toggle{display:none!important}.hero-section{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:radial-gradient(circle at top right,rgba(59,130,246,.25),transparent 55%),radial-gradient(circle at bottom left,rgba(6,182,212,.25),transparent 55%),radial-gradient(circle at bottom right,rgba(139,92,246,.18),transparent 55%),linear-gradient(180deg,rgba(17,24,39,.5),rgba(15,23,42,.7));border:1px solid hsla(0,0%,100%,.08);border-radius:28px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6),inset 0 0 0 1px rgba(6,182,212,.08);margin-bottom:56px;overflow:hidden;padding:56px 48px;position:relative;text-align:center}.hero-section:before{animation:heroShimmer 6s linear infinite;background:var(--gradient-rainbow);background-size:300% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:2}@keyframes heroShimmer{0%{background-position:0 50%}to{background-position:300% 50%}}.hero-section:after{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1IiBkPSJNMCAwaDR2NEgweiIvPjwvc3ZnPg==") repeat;bottom:0;content:"";left:0;opacity:.45;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-section>*{position:relative;z-index:3}.hero-section h1{background:var(--gradient-rainbow);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:3.6rem;font-weight:800;line-height:1.15;margin-bottom:20px;-webkit-text-fill-color:transparent;animation:slideInUp .8s ease backwards,textRainbow 8s ease infinite}@keyframes textRainbow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-section .hero-subtitle{animation:slideInUp .8s ease .2s backwards;color:var(--text-muted);font-size:1.25rem;margin:0 auto 30px;max-width:600px}.hero-badges{animation:fadeIn 1s ease .4s backwards;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero-badge{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid var(--border-light);border-radius:100px;color:var(--text-main);font-size:.85rem;font-weight:600;padding:6px 16px}.section{margin-bottom:48px;scroll-margin-top:90px}.section,.section.active{display:block}.section-header{margin-bottom:28px;padding-left:0;position:relative}.section-header h2{background:linear-gradient(90deg,rgba(6,182,212,.12),rgba(59,130,246,.06) 60%,transparent);border-radius:0 16px 16px 0;box-shadow:inset 3px 0 0 0 var(--accent-cyan),0 0 30px rgba(6,182,212,.06);color:var(--text-main);display:inline-block;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;padding:12px 0 12px 24px;position:relative;z-index:2}.section-header h2:after{animation:textRainbow 6s ease infinite;background:var(--gradient-rainbow);background-size:200% 100%;border-radius:3px;content:"";display:block;height:3px;margin-top:10px;width:80px}.section-number{background:var(--gradient-rainbow);-webkit-background-clip:text;background-clip:text;font-size:5.5rem;font-weight:900;left:-14px;position:absolute;top:-38px;-webkit-text-fill-color:transparent;opacity:.12;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(180deg,rgba(30,41,59,.55),rgba(15,23,42,.55));border:1px solid hsla(0,0%,100%,.07);border-radius:18px;box-shadow:0 14px 40px -15px rgba(0,0,0,.5),inset 0 0 0 1px rgba(6,182,212,.03);margin-bottom:24px;overflow:hidden;padding:28px;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:before{background:linear-gradient(90deg,transparent,rgba(6,182,212,.25) 20%,rgba(59,130,246,.25) 50%,rgba(139,92,246,.2) 80%,transparent);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.card:hover:before{opacity:1}.card:hover{border-color:hsla(0,0%,100%,.12);box-shadow:0 20px 60px -15px rgba(0,0,0,.6),0 0 40px rgba(6,182,212,.04),inset 0 0 0 1px rgba(6,182,212,.08);transform:translateY(-2px)}.answer-toggle[disabled]{cursor:not-allowed;filter:grayscale(.2);opacity:.55}.textarea-field[disabled],textarea[disabled]{background:hsla(0,0%,100%,.02);border:1px dashed hsla(0,0%,100%,.04);color:var(--text-muted);cursor:not-allowed;opacity:.9}.star-rating{align-items:center;background:rgba(0,0,0,.25);border:1px solid rgba(245,158,11,.15);border-radius:14px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.02);display:inline-flex;gap:8px;padding:8px 14px}.star-rating .star{color:rgba(148,163,184,.3);cursor:pointer;font-size:30px;transition:color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1),text-shadow .2s ease,filter .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.star-rating .star.active,.star-rating .star.hover,.star-rating .star:hover{background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fbbf24;filter:drop-shadow(0 4px 10px rgba(245,158,11,.45));transform:translateY(-3px) scale(1.1)}.star-rating .star.disabled{cursor:default}.rating-message{align-items:center;background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(239,68,68,.08));border:1px solid rgba(245,158,11,.25);border-radius:999px;color:#fde68a;display:inline-flex;font-size:.9rem;font-weight:600;margin-left:12px;padding:6px 14px}.card:hover{border-color:var(--border-light);box-shadow:0 12px 40px 0 rgba(0,0,0,.5);transform:none}.card-header{gap:16px;margin-bottom:20px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,rgba(6,182,212,.18),rgba(59,130,246,.12));border:1px solid rgba(6,182,212,.25);border-radius:13px;box-shadow:0 4px 14px rgba(6,182,212,.15),inset 0 0 0 1px hsla(0,0%,100%,.04);flex-shrink:0;font-size:1.35rem;height:46px;justify-content:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal);width:46px}.card:hover .card-icon{box-shadow:0 8px 22px rgba(6,182,212,.28),inset 0 0 0 1px hsla(0,0%,100%,.08);transform:scale(1.06) rotate(-2deg)}.card-header h3{color:var(--text-main);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.highlight-card{background:linear-gradient(var(--bg-dark),var(--bg-dark)) padding-box,var(--gradient-primary) border-box;border:1px solid transparent;-o-border-image:var(--gradient-primary) 1;border-image:var(--gradient-primary) 1;border-radius:0;border-radius:16px;position:relative}.highlight-card:before{background:linear-gradient(135deg,rgba(6,182,212,.05),rgba(59,130,246,.05));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.quote-card{background:linear-gradient(90deg,rgba(245,158,11,.05),transparent);border-left:4px solid var(--accent-gold);color:var(--text-main);font-size:1.1rem;font-style:italic;padding:32px 40px}.quote-card:before{color:rgba(245,158,11,.1);content:'"';font-family:serif;font-size:6rem;left:10px;line-height:1;position:absolute;top:-10px}.table-wrapper{backdrop-filter:var(--glass-blur);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;overflow-x:auto;width:100%}table{border-collapse:collapse;text-align:left;width:100%}th{background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--border-light);color:var(--text-main);font-weight:600;padding:16px 20px;white-space:nowrap}td{border-bottom:1px solid hsla(0,0%,100%,.04);color:var(--text-muted);padding:14px 20px}tr:last-child td{border-bottom:none}tr:hover td{background:hsla(0,0%,100%,.02);color:var(--text-main)}tr:nth-child(2n) td{background:rgba(0,0,0,.1)}.example-container{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:30px}.example-bad,.example-good{padding-top:40px;position:relative}.example-good{background:linear-gradient(90deg,rgba(16,185,129,.05),transparent);border-left:4px solid var(--success)}.example-bad{background:linear-gradient(90deg,rgba(239,68,68,.05),transparent);border-left:4px solid var(--danger)}.example-label{border-radius:0 0 12px 0;color:#fff;font-size:.75rem;font-weight:700;left:0;letter-spacing:.05em;padding:4px 12px;position:absolute;text-transform:uppercase;top:0}.example-good .example-label{background:var(--success)}.example-bad .example-label{background:var(--danger)}code,pre{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;color:#e5e7eb;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.5;padding:16px;white-space:pre-wrap}code:not(pre code){background:rgba(6,182,212,.1);border:none;border-radius:4px;color:var(--accent-cyan);padding:2px 6px}.comparison-container{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:30px}.comparison-before{background:linear-gradient(180deg,rgba(245,158,11,.02),transparent);border:1px solid rgba(245,158,11,.3);padding:20px}.comparison-after{background:linear-gradient(180deg,rgba(16,185,129,.02),transparent);border:1px solid rgba(16,185,129,.3);padding:20px}.comparison-label{border:1px solid;border-radius:100px;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:16px;padding:4px 12px;text-transform:uppercase}.comparison-before .comparison-label{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.5);color:var(--warning)}.comparison-after .comparison-label{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.5);color:var(--success)}.checklist{list-style:none;padding:0}.checklist-category{color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.05em;margin:20px 0 10px;text-transform:uppercase}.checklist-category:first-child{margin-top:0}.checklist-item{align-items:flex-start;background:linear-gradient(135deg,hsla(0,0%,100%,.03),rgba(6,182,212,.025));border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;display:flex;margin-bottom:10px;overflow:hidden;padding:13px 16px;position:relative;transition:all var(--transition-normal)}.checklist-item:before{background:linear-gradient(90deg,rgba(6,182,212,.08),transparent);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.checklist-item:hover{background:linear-gradient(135deg,rgba(6,182,212,.08),rgba(59,130,246,.04));border-color:rgba(6,182,212,.25);transform:translateX(2px)}.checklist-item:hover:before{width:40%}.checklist-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.3);border:2px solid hsla(0,0%,100%,.18);border-radius:6px;cursor:pointer;flex-shrink:0;height:22px;margin-right:14px;margin-top:1px;position:relative;transition:all var(--transition-fast);width:22px;z-index:1}.checklist-item input[type=checkbox]:hover{border-color:rgba(6,182,212,.5);transform:scale(1.05)}.checklist-item input[type=checkbox]:checked{background:var(--gradient-primary);border-color:var(--accent-cyan);box-shadow:0 0 10px rgba(6,182,212,.4)}.checklist-item input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.checklist-item.checked{background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(6,182,212,.025));border-color:rgba(16,185,129,.2);opacity:.72}.checklist-item.checked:before{background:linear-gradient(90deg,rgba(16,185,129,.08),transparent);width:60%}.checklist-item.checked span{color:rgba(243,244,246,.7);text-decoration:line-through;text-decoration-color:rgba(16,185,129,.5)}.callout{align-items:flex-start;backdrop-filter:var(--glass-blur);border-radius:12px;display:flex;margin:24px 0;padding:20px 24px}.callout-icon{flex-shrink:0;font-size:1.5rem;margin-right:16px;margin-top:-2px}.callout p{color:var(--text-main);margin:0}.callout-tip{background:linear-gradient(90deg,rgba(59,130,246,.1),rgba(59,130,246,.02));border-left:4px solid var(--accent-blue)}.callout-warning{background:linear-gradient(90deg,rgba(245,158,11,.1),rgba(245,158,11,.02));border-left:4px solid var(--warning)}.callout-important{background:linear-gradient(90deg,rgba(239,68,68,.1),rgba(239,68,68,.02));border-left:4px solid var(--danger)}.callout-insight{background:linear-gradient(90deg,rgba(139,92,246,.1),rgba(139,92,246,.02));border-left:4px solid var(--info)}.template-block{backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(6,182,212,.05),rgba(15,23,42,.55));border:1px dashed rgba(6,182,212,.3);border-radius:16px;box-shadow:inset 0 0 0 1px rgba(6,182,212,.05),0 12px 40px -15px rgba(6,182,212,.15);color:#cbd5e1;font-family:JetBrains Mono,Fira Code,monospace;line-height:1.75;margin:28px 0;padding:34px 30px 24px;position:relative;transition:all var(--transition-normal);white-space:pre-wrap}.template-block:hover{border-color:rgba(6,182,212,.55);box-shadow:inset 0 0 0 1px rgba(6,182,212,.1),0 18px 50px -15px rgba(6,182,212,.25);transform:translateY(-1px)}.template-label{background:linear-gradient(135deg,#111827,#0f172a);border:1px solid rgba(6,182,212,.35);border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.4);color:#67e8f9;font-size:.7rem;font-weight:700;left:22px;letter-spacing:.12em;padding:3px 14px;position:absolute;text-transform:uppercase;top:-11px}.copy-btn{align-items:center;backdrop-filter:blur(6px);background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(6,182,212,.18));border:1px solid rgba(139,92,246,.35);border-radius:10px;color:#e9d5ff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.02em;padding:7px 14px;position:absolute;right:14px;top:14px;transition:all var(--transition-fast)}.copy-btn:hover{background:linear-gradient(135deg,rgba(139,92,246,.35),rgba(6,182,212,.28));border-color:rgba(167,139,250,.6);box-shadow:0 6px 18px rgba(139,92,246,.3),0 0 14px rgba(6,182,212,.18);color:#fff;transform:translateY(-1px)}.styled-list{list-style:none;padding:0}.styled-list li{color:var(--text-main);margin-bottom:12px;padding-left:28px;position:relative}.styled-list li:before{background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan);content:"";height:6px;left:6px;position:absolute;top:10px;width:6px}.do-list,.dont-list{list-style:none;padding:0}.do-list li,.dont-list li{margin-bottom:16px;padding-left:32px;position:relative}.do-list li:before{content:"✅"}.do-list li:before,.dont-list li:before{font-size:1.1rem;left:0;position:absolute;top:2px}.dont-list li:before{content:"❌"}.stat-list{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.stat-item{background:hsla(0,0%,100%,.02);border:1px solid var(--border-light);border-radius:12px;padding:24px;text-align:center}.stat-number{background:var(--gradient-primary);-webkit-background-clip:text;font-size:3rem;font-weight:800;line-height:1;margin-bottom:10px;-webkit-text-fill-color:transparent}.stat-item p{color:var(--text-muted);font-size:.9rem;margin:0}.tag-container{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.badge{align-items:center;backdrop-filter:blur(4px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:100px;color:var(--text-main);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.badge-primary{background:rgba(6,182,212,.15);border-color:rgba(6,182,212,.3);color:#22d3ee}.badge-success{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);color:#34d399}.badge-warning{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);color:#fbbf24}.badge-danger{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#f87171}.skills-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:20px}.skill-card{background:hsla(0,0%,100%,.03);border:1px solid var(--border-light);border-radius:12px;cursor:default;font-size:.9rem;font-weight:500;padding:16px;text-align:center;transition:all var(--transition-fast)}.skill-card:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;justify-content:center;outline:none;padding:12px 28px;text-decoration:none;transition:all var(--transition-normal)}.btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px rgba(6,182,212,.3);color:#fff}.btn-primary:hover{box-shadow:0 6px 20px rgba(6,182,212,.5);transform:translateY(-2px)}.btn-ghost{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:var(--text-main)}.btn-ghost:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.progress-container{background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.05);border-radius:100px;height:8px;margin:20px 0;overflow:hidden;width:100%}.progress-bar{background:var(--gradient-primary);border-radius:100px;height:100%;position:relative;transition:width 1s ease-in-out;width:0}.progress-bar:after{animation:progressGlow 2s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressGlow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.activity-box{backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(245,158,11,.06),rgba(0,0,0,.25));border:1px dashed rgba(245,158,11,.3);border-radius:18px;box-shadow:0 10px 30px -12px rgba(245,158,11,.12);margin:24px 0;padding:28px 26px 26px;position:relative;transition:all var(--transition-normal)}.activity-box:before{background:var(--gradient-gold);border-radius:18px 18px 0 0;content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:0}.activity-box:nth-child(4n+1){background:linear-gradient(180deg,rgba(245,158,11,.07),rgba(0,0,0,.22));border-color:rgba(245,158,11,.3)}.activity-box:nth-child(4n+1):before{background:var(--gradient-gold);opacity:.6}.activity-box:nth-child(4n+1):hover{border-color:rgba(245,158,11,.55);box-shadow:0 16px 40px -12px rgba(245,158,11,.25)}.activity-box:nth-child(4n+1) .activity-number{background:var(--gradient-gold);box-shadow:0 4px 14px rgba(245,158,11,.4)}.activity-box:nth-child(4n+2){background:linear-gradient(180deg,rgba(139,92,246,.08),rgba(0,0,0,.22));border-color:rgba(139,92,246,.32)}.activity-box:nth-child(4n+2):before{background:var(--gradient-purple);opacity:.55}.activity-box:nth-child(4n+2):hover{border-color:rgba(139,92,246,.6);box-shadow:0 16px 40px -12px rgba(139,92,246,.28)}.activity-box:nth-child(4n+2) .activity-number{background:var(--gradient-purple);box-shadow:0 4px 14px rgba(139,92,246,.4);color:#fff}.activity-box:nth-child(4n+2) .answer-toggle{color:#c4b5fd}.activity-box:nth-child(4n+3){background:linear-gradient(180deg,rgba(236,72,153,.07),rgba(0,0,0,.22));border-color:rgba(236,72,153,.3)}.activity-box:nth-child(4n+3):before{background:var(--gradient-pink);opacity:.5}.activity-box:nth-child(4n+3):hover{border-color:rgba(236,72,153,.55);box-shadow:0 16px 40px -12px rgba(236,72,153,.25)}.activity-box:nth-child(4n+3) .activity-number{background:var(--gradient-pink);box-shadow:0 4px 14px rgba(236,72,153,.4);color:#fff}.activity-box:nth-child(4n+3) .answer-toggle{color:#f9a8d4}.activity-box:nth-child(4n+4){background:linear-gradient(180deg,rgba(6,182,212,.07),rgba(0,0,0,.22));border-color:rgba(6,182,212,.32)}.activity-box:nth-child(4n+4):before{background:var(--gradient-primary);opacity:.55}.activity-box:nth-child(4n+4):hover{border-color:rgba(6,182,212,.6);box-shadow:0 16px 40px -12px rgba(6,182,212,.28)}.activity-box:nth-child(4n+4) .activity-number{background:var(--gradient-primary);box-shadow:0 4px 14px rgba(6,182,212,.4);color:#fff}.activity-box:nth-child(4n+4) .answer-toggle{color:#67e8f9}.activity-box:hover{transform:translateY(-1px)}.activity-number{align-items:center;background:var(--gradient-gold);border-radius:12px;box-shadow:0 6px 16px rgba(245,158,11,.35);color:#000;display:flex;font-size:.95rem;font-weight:800;height:36px;justify-content:center;left:30px;position:absolute;top:-18px;width:36px}.textarea-field{background:rgba(0,0,0,.35);border:1.5px solid hsla(0,0%,100%,.08);border-radius:12px;color:var(--text-main);font-family:inherit;font-size:.95rem;margin:18px 0 14px;min-height:120px;padding:16px 18px;resize:vertical;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);width:100%}.textarea-field:hover{background:rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.15)}.textarea-field:focus{background:rgba(0,0,0,.5);border-color:var(--accent-cyan);box-shadow:0 0 0 4px rgba(6,182,212,.1),0 0 24px rgba(6,182,212,.08);outline:none}.answer-toggle{align-items:center;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(245,158,11,.04));border:1px solid rgba(245,158,11,.25);border-radius:10px;color:var(--accent-gold);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:10px;padding:9px 16px;transition:all var(--transition-fast)}.answer-toggle:hover{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.08));box-shadow:0 4px 14px rgba(245,158,11,.2);transform:translateY(-1px)}.answer-toggle:after{content:"▼";font-size:.65rem;transition:transform var(--transition-fast)}.answer-toggle.open:after{transform:rotate(180deg)}.answer-content{background:linear-gradient(135deg,rgba(6,182,212,.06),rgba(59,130,246,.04));border:1px solid rgba(6,182,212,.15);border-radius:14px;color:var(--text-muted);display:none;margin-top:18px;padding:20px 22px}.answer-content.show{animation:fadeIn var(--transition-normal);display:block}.footer{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem;margin-top:60px;padding:60px 20px 40px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px rgba(6,182,212,.2)}50%{box-shadow:0 0 20px rgba(6,182,212,.6)}to{box-shadow:0 0 5px rgba(6,182,212,.2)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity var(--transition-normal);z-index:95}@media (max-width:1024px){.main-content{padding:30px 40px}.hero-section h1{font-size:2.8rem}}@media (max-width:768px){.app-container,.hero-actions{flex-direction:column}.hero-actions{align-items:center}.hero-actions .btn{max-width:280px;width:100%}.sidebar{box-shadow:20px 0 50px rgba(0,0,0,.5);transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.overlay.show{display:block;opacity:1}.main-content{margin-left:0;padding:80px 20px 40px}.mobile-header{display:flex}.hero-section{padding:50px 20px}.hero-section h1{font-size:2.2rem}.comparison-container,.example-container{grid-template-columns:1fr}.section-header h2{font-size:2rem}.section-number{font-size:4rem;top:-20px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.toc-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin:32px 0}.toc-card{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(160deg,rgba(15,23,42,.85),rgba(15,23,42,.5));border:1px solid hsla(0,0%,100%,.07);border-radius:18px;box-shadow:0 10px 30px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.02);cursor:pointer;display:flex;overflow:hidden;padding:26px 24px;position:relative;transition:all var(--transition-normal)}.toc-card:before{background:var(--gradient-primary);height:2px;left:0;right:0;top:0;transition:opacity .3s ease}.toc-card:after,.toc-card:before{content:"";opacity:0;position:absolute}.toc-card:after{background:radial-gradient(circle,rgba(139,92,246,.14),transparent 70%);height:180px;pointer-events:none;right:-20%;top:-30%;transition:opacity .4s ease;width:180px}.toc-card:nth-child(4n+1):before{background:var(--gradient-gold)}.toc-card:nth-child(4n+1):after{background:radial-gradient(circle,rgba(245,158,11,.16),transparent 70%)}.toc-card:nth-child(4n+1):hover{border-color:rgba(245,158,11,.4)}.toc-card:nth-child(4n+2):before{background:var(--gradient-purple)}.toc-card:nth-child(4n+2):after{background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%)}.toc-card:nth-child(4n+2):hover{border-color:rgba(139,92,246,.45)}.toc-card:nth-child(4n+3):before{background:var(--gradient-pink)}.toc-card:nth-child(4n+3):after{background:radial-gradient(circle,rgba(236,72,153,.16),transparent 70%)}.toc-card:nth-child(4n+3):hover{border-color:rgba(236,72,153,.4)}.toc-card:nth-child(4n+4):before{background:var(--gradient-primary)}.toc-card:nth-child(4n+4):after{background:radial-gradient(circle,rgba(6,182,212,.18),transparent 70%)}.toc-card:nth-child(4n+4):hover{border-color:rgba(6,182,212,.45)}.toc-card:hover{background:linear-gradient(160deg,rgba(30,41,59,.9),rgba(15,23,42,.7));box-shadow:0 22px 50px -15px rgba(0,0,0,.65),0 0 30px rgba(6,182,212,.08),inset 0 0 0 1px hsla(0,0%,100%,.05);transform:translateY(-4px)}.toc-card:hover:after,.toc-card:hover:before{opacity:1}.toc-number{align-items:center;background:var(--gradient-primary);border-radius:14px;box-shadow:0 6px 16px rgba(6,182,212,.35),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -2px 0 rgba(0,0,0,.1);color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:900;height:62px;justify-content:center;line-height:1;margin-right:22px;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;width:62px}.toc-number:before{background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-60%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:50%}.toc-card:hover .toc-number:before{left:130%}.toc-card:nth-child(4n+1) .toc-number{background:var(--gradient-gold);box-shadow:0 6px 16px rgba(245,158,11,.4),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -2px 0 rgba(0,0,0,.1);color:#111827}.toc-card:nth-child(4n+2) .toc-number{background:var(--gradient-purple);box-shadow:0 6px 16px rgba(139,92,246,.4),inset 0 1px 0 hsla(0,0%,100%,.25),inset 0 -2px 0 rgba(0,0,0,.12);color:#fff}.toc-card:nth-child(4n+3) .toc-number{background:var(--gradient-pink);box-shadow:0 6px 16px rgba(236,72,153,.4),inset 0 1px 0 hsla(0,0%,100%,.25),inset 0 -2px 0 rgba(0,0,0,.12);color:#fff}.toc-card:nth-child(4n+4) .toc-number{background:var(--gradient-primary);box-shadow:0 6px 16px rgba(6,182,212,.4),inset 0 1px 0 hsla(0,0%,100%,.25),inset 0 -2px 0 rgba(0,0,0,.12);color:#fff}.toc-card:hover .toc-number{transform:scale(1.08) rotate(-2deg)}.toc-title{color:var(--text-main);font-size:1.12rem;font-weight:700;line-height:1.35;transition:color .25s ease}.toc-card:hover .toc-title{color:#f8fafc}.divider{background:linear-gradient(90deg,transparent,rgba(139,92,246,.25) 15%,rgba(6,182,212,.35) 50%,rgba(245,158,11,.25) 85%,transparent);border:none;height:1px;margin:50px 0;position:relative}.divider:before{background:var(--gradient-rainbow);border-radius:999px;content:"";filter:blur(1px);height:8px;left:50%;opacity:.5;position:absolute;top:-4px;transform:translateX(-50%);width:50px}.section-intro{color:var(--text-muted);font-size:1.05rem;line-height:1.7;margin-bottom:24px;max-width:800px}.metric-highlight{background:rgba(6,182,212,.15);border-radius:4px;color:#22d3ee;display:inline-block;font-weight:600;margin:0 4px;padding:2px 8px}.tooltip{border-bottom:1px dotted var(--text-muted);cursor:help;display:inline-block;position:relative}.tooltip .tooltip-text{backdrop-filter:blur(5px);background-color:rgba(10,14,26,.95);border:1px solid var(--border-light);border-radius:6px;bottom:125%;box-shadow:0 5px 15px rgba(0,0,0,.3);color:#fff;font-size:.85rem;left:50%;margin-left:-100px;opacity:0;padding:8px 12px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.back-to-top{align-items:center;backdrop-filter:var(--glass-blur);background:rgba(10,14,26,.6);border:1px solid var(--border-light);border-radius:50%;bottom:30px;color:var(--text-main);cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;opacity:0;position:fixed;right:30px;transition:all var(--transition-normal);visibility:hidden;width:48px;z-index:90}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:hsla(0,0%,100%,.1);box-shadow:0 10px 20px rgba(0,0,0,.3);transform:translateY(-5px)}.submit-response-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(145deg,rgba(17,24,39,.85),rgba(30,41,59,.75));border:1px solid hsla(0,0%,100%,.08);border-radius:24px;box-shadow:0 24px 60px -15px rgba(0,0,0,.6),inset 0 0 0 1px rgba(6,182,212,.08);margin-top:40px;overflow:hidden;padding:0;position:relative}.submit-response-card:before{background:var(--gradient-primary);box-shadow:0 0 30px rgba(6,182,212,.5);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.submit-response-card:after{background:radial-gradient(circle,rgba(6,182,212,.15) 0,transparent 70%);content:"";height:320px;pointer-events:none;position:absolute;right:-120px;top:-120px;width:320px}.submit-response-header{align-items:center;display:flex;gap:20px;padding:32px 36px 24px;position:relative;z-index:2}.submit-response-icon{align-items:center;background:var(--gradient-primary);border-radius:18px;box-shadow:0 10px 30px rgba(6,182,212,.4),inset 0 0 0 1px hsla(0,0%,100%,.1);color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;transform:rotate(-4deg);transition:transform var(--transition-normal);width:64px}.submit-response-icon svg{height:30px;stroke-width:2.2;width:30px}.submit-response-card:hover .submit-response-icon{transform:rotate(0deg) scale(1.05)}.submit-response-title{flex:1}.submit-response-title h3{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.55rem;font-weight:800;margin:0 0 6px;-webkit-text-fill-color:transparent;letter-spacing:-.01em}.submit-response-title p{color:var(--text-muted);font-size:.92rem;line-height:1.5;margin:0}.submit-response-body{display:flex;flex-direction:column;gap:28px;padding:0 36px 36px;position:relative;z-index:2}.submit-response-form{display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{width:100%}.input-wrapper{position:relative}.input-icon{color:rgba(148,163,184,.7);height:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-fast);width:18px;z-index:2}.input-icon svg{height:100%;stroke-width:2;width:100%}.input-field{background:rgba(0,0,0,.35);border:1.5px solid hsla(0,0%,100%,.08);border-radius:14px;color:var(--text-main);font-family:inherit;font-size:.95rem;height:56px;outline:none;padding:16px 16px 16px 48px;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input-field::-moz-placeholder{color:transparent}.input-field::placeholder{color:transparent}.input-field:hover{background:rgba(0,0,0,.45);border-color:rgba(6,182,212,.25)}.input-field:focus{background:rgba(0,0,0,.5);border-color:var(--accent-cyan);box-shadow:0 0 0 4px rgba(6,182,212,.12),0 0 24px rgba(6,182,212,.15)}.cv-raw:not(:-moz-placeholder-shown)~.floating-label,.input-field:not(:-moz-placeholder-shown)~.floating-label{background:linear-gradient(180deg,#1e293b,#111827);color:var(--accent-cyan);left:12px;padding:0 8px;top:0;transform:translateY(-50%) scale(.85)}.cv-raw:focus~.floating-label,.cv-raw:not(:placeholder-shown)~.floating-label,.input-field:focus~.floating-label,.input-field:not(:placeholder-shown)~.floating-label{background:linear-gradient(180deg,#1e293b,#111827);color:var(--accent-cyan);left:12px;padding:0 8px;top:0;transform:translateY(-50%) scale(.85)}.cv-raw:not(:-moz-placeholder-shown)~.input-icon,.input-field:not(:-moz-placeholder-shown)~.input-icon{color:var(--accent-cyan)}.cv-raw:focus~.input-icon,.cv-raw:not(:placeholder-shown)~.input-icon,.input-field:focus~.input-icon,.input-field:not(:placeholder-shown)~.input-icon{color:var(--accent-cyan)}.floating-label{background:transparent;border-radius:6px;color:rgba(148,163,184,.75);font-size:.95rem;font-weight:500;left:48px;max-width:calc(100% - 64px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);white-space:nowrap;z-index:3}.req{color:var(--danger);font-weight:700;margin-left:2px}.submit-response-cta{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:4px}.btn-submit-response{align-items:center;background:var(--gradient-primary);border:none;border-radius:14px;box-shadow:0 10px 30px -5px rgba(6,182,212,.5),inset 0 0 0 1px hsla(0,0%,100%,.12);color:#fff;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;gap:12px;letter-spacing:.01em;overflow:hidden;padding:16px 42px;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.btn-submit-response:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-submit-response:hover:before{left:100%}.btn-submit-response:hover{box-shadow:0 16px 40px -8px rgba(6,182,212,.6),inset 0 0 0 1px hsla(0,0%,100%,.18),0 0 40px rgba(59,130,246,.25);transform:translateY(-2px)}.btn-submit-response:active{transform:translateY(0)}.btn-submit-response:disabled{cursor:progress;opacity:.8;transform:none}.btn-icon{align-items:center;display:inline-flex;height:22px;justify-content:center;width:22px}.btn-icon svg{height:100%;stroke-width:2.2;width:100%}.btn-label{position:relative;z-index:1}.submit-hint{align-items:center;color:rgba(148,163,184,.7);display:flex;font-size:.82rem;gap:6px;margin:14px 0 0}.submit-hint:before{content:"✉️";font-size:.9rem;opacity:.8}.btn-success{background:linear-gradient(135deg,#059669,#10b981)!important;box-shadow:0 10px 30px -5px rgba(16,185,129,.5),inset 0 0 0 1px hsla(0,0%,100%,.12)!important;cursor:default!important}.btn-success:before{display:none!important}@media (max-width:768px){.submit-response-header{flex-direction:column;gap:16px;padding:28px 24px 20px;text-align:center}.submit-response-icon{border-radius:16px;height:56px;width:56px}.submit-response-icon svg{height:26px;width:26px}.submit-response-title h3{font-size:1.35rem}.submit-response-body{gap:24px;padding:0 24px 28px}.submit-response-form{gap:16px;grid-template-columns:1fr}.btn-submit-response{justify-content:center;padding:15px 32px;width:100%}}@media (max-width:480px){.submit-response-card{border-radius:18px}.submit-response-header{padding:24px 20px 16px}.submit-response-body{padding:0 20px 24px}.submit-response-title h3{font-size:1.2rem}.submit-response-title p{font-size:.85rem}.input-field{font-size:.9rem;height:52px}}.cv-builder-card{background:linear-gradient(180deg,rgba(88,28,135,.28),rgba(15,23,42,.6));border:1px solid rgba(139,92,246,.25);box-shadow:0 18px 50px -18px rgba(139,92,246,.35),inset 0 0 0 1px rgba(139,92,246,.06)}.cv-builder-card:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.3) 20%,rgba(236,72,153,.3) 50%,rgba(6,182,212,.25) 80%,transparent);opacity:.7}.cv-builder-card:hover{border-color:rgba(139,92,246,.45);box-shadow:0 24px 70px -20px rgba(139,92,246,.45),0 0 60px rgba(139,92,246,.08),inset 0 0 0 1px rgba(139,92,246,.12)}.cv-builder-card .card-icon{background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(236,72,153,.14));border:1px solid rgba(139,92,246,.35);box-shadow:0 4px 14px rgba(139,92,246,.2),inset 0 0 0 1px hsla(0,0%,100%,.04)}.cv-builder-card:hover .card-icon{box-shadow:0 8px 22px rgba(139,92,246,.38),inset 0 0 0 1px hsla(0,0%,100%,.08)}.cv-builder-intro{backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.06));border:1px solid rgba(139,92,246,.2);border-radius:16px;margin-bottom:28px;padding:22px 24px}.cv-builder-intro p{color:#e9d5ff;font-size:.97rem;line-height:1.7;margin-bottom:20px}.cv-builder-intro p strong{color:#f0abfc}.cv-progress{background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;padding:16px 18px}.cv-progress-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.cv-progress-label span:first-child{color:#c4b5fd;font-size:.9rem;font-weight:600}.cv-progress-label span:last-child{background:var(--gradient-purple);-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:800;-webkit-text-fill-color:transparent;color:#a78bfa}.cv-progress-bar{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.05);border-radius:100px;height:10px;overflow:hidden}.cv-progress-fill{background:linear-gradient(90deg,#475569,#64748b);border-radius:100px;height:100%;position:relative;transition:width .45s cubic-bezier(.4,0,.2,1),background .3s ease;width:0}.cv-progress-fill:after{animation:cvProgressShine 2s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.28),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes cvProgressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cv-progress-hint{color:#a78bfa;font-size:.82rem;font-weight:500;line-height:1.5;margin-top:12px;padding-left:4px}.cv-builder-grid{display:grid;gap:20px 22px;grid-template-columns:1fr 1fr}.cv-field{display:flex;flex-direction:column}.cv-field label{color:#ddd6fe;display:block;font-size:.88rem;font-weight:600;margin-bottom:8px;padding-left:2px}input.cv-raw{background:rgba(0,0,0,.35);border:1.5px solid hsla(0,0%,100%,.08);border-radius:14px;color:var(--text-main);font-family:inherit;font-size:.95rem;height:56px;outline:none;padding:16px 16px 16px 48px;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);width:100%}input.cv-raw::-moz-placeholder{color:transparent}input.cv-raw::placeholder{color:transparent}input.cv-raw:hover{background:rgba(0,0,0,.45);border-color:rgba(139,92,246,.3)}input.cv-raw:focus{background:rgba(0,0,0,.5);border-color:var(--accent-purple);box-shadow:0 0 0 4px rgba(139,92,246,.14),0 0 24px rgba(139,92,246,.18)}textarea.cv-raw{background:rgba(0,0,0,.35);border:1.5px solid hsla(0,0%,100%,.08);border-radius:12px;color:var(--text-main);font-family:inherit;font-size:.93rem;line-height:1.6;outline:none;padding:14px 16px;resize:vertical;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);width:100%}textarea.cv-raw::-moz-placeholder{color:rgba(148,163,184,.55)}textarea.cv-raw::placeholder{color:rgba(148,163,184,.55)}textarea.cv-raw:hover{background:rgba(0,0,0,.45);border-color:rgba(139,92,246,.28)}textarea.cv-raw:focus{background:rgba(0,0,0,.5);border-color:var(--accent-purple);box-shadow:0 0 0 4px rgba(139,92,246,.13),0 0 24px rgba(139,92,246,.16)}textarea.cv-raw.cv-small{min-height:82px}textarea.cv-raw.cv-medium{min-height:130px}.cv-input-wrapper{position:relative}.cv-builder-cta{display:flex;justify-content:center;margin-top:30px}.btn-cv-unlock{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:12px;letter-spacing:.01em;overflow:hidden;padding:15px 36px;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-fast),filter var(--transition-fast)}.btn-cv-unlock:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-cv-unlock:hover:before{left:100%}.btn-cv-unlock:not(:disabled):hover{transform:translateY(-2px)}.btn-cv-unlock:disabled{background:linear-gradient(135deg,#475569,#334155)!important;box-shadow:0 4px 14px rgba(71,85,105,.25)!important;cursor:not-allowed;filter:grayscale(.3);opacity:.6}.btn-cv-unlock:disabled:before{display:none}.btn-cv-unlock .btn-icon{align-items:center;display:inline-flex;font-size:1.1rem}.cv-gate-locked,.cv-reveal-gate{position:relative}.cv-gate-locked{align-items:center;backdrop-filter:blur(14px);background:radial-gradient(ellipse at top,rgba(139,92,246,.18) 0,transparent 55%),radial-gradient(ellipse at bottom,rgba(236,72,153,.15) 0,transparent 55%),linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.96));border:1px dashed rgba(139,92,246,.45);border-radius:22px;box-shadow:0 20px 60px -15px rgba(139,92,246,.35),inset 0 0 0 1px hsla(0,0%,100%,.03);display:flex;justify-content:center;margin-bottom:24px;min-height:320px;overflow:hidden;transition:opacity .55s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1),visibility .55s step-end;z-index:5}.cv-gate-card{max-width:560px;padding:40px 38px;position:relative;text-align:center;z-index:2}.cv-gate-icon{align-items:center;animation:cvLockPulse 2.8s ease-in-out infinite;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(236,72,153,.18));border:1.5px solid rgba(139,92,246,.45);border-radius:24px;box-shadow:0 10px 35px rgba(139,92,246,.35),inset 0 0 0 1px hsla(0,0%,100%,.05);display:flex;font-size:3.4rem;height:88px;justify-content:center;margin:0 auto 22px;width:88px}@keyframes cvLockPulse{0%,to{box-shadow:0 10px 35px rgba(139,92,246,.35),inset 0 0 0 1px hsla(0,0%,100%,.05);transform:scale(1)}50%{box-shadow:0 14px 48px rgba(139,92,246,.5),inset 0 0 0 1px hsla(0,0%,100%,.08);transform:scale(1.05)}}.cv-gate-card h4{background:var(--gradient-purple);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin-bottom:14px;-webkit-text-fill-color:transparent;color:#a78bfa}.cv-gate-card p{color:#c4b5fd;font-size:.97rem;line-height:1.75;margin-bottom:18px}.cv-gate-hint{background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(239,68,68,.08));border:1px solid rgba(245,158,11,.28);border-radius:999px;color:#fde68a;display:inline-block;font-size:.84rem;font-weight:600;line-height:1.5;padding:10px 20px}.cv-gate-content{filter:blur(12px) grayscale(.4);opacity:.35;pointer-events:none;position:relative;transform:translateY(6px);transition:filter .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1),pointer-events .7s step-end,-webkit-user-select .7s step-end;transition:filter .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1),pointer-events .7s step-end,user-select .7s step-end;transition:filter .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1),pointer-events .7s step-end,user-select .7s step-end,-webkit-user-select .7s step-end,-moz-user-select .7s step-end;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cv-gate-unlocked .cv-gate-locked{border:none;height:0;margin:0;min-height:0;opacity:0;padding:0;pointer-events:none;transform:scale(.96) translateY(-10px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),visibility .5s step-end,height .01s linear .5s,min-height .01s linear .5s,margin .01s linear .5s,padding .01s linear .5s,border .01s linear .5s;visibility:hidden}.cv-gate-unlocked .cv-gate-content{filter:blur(0) grayscale(0);opacity:1;pointer-events:auto;transform:translateY(0);transition:filter .7s cubic-bezier(.4,0,.2,1) .1s,opacity .7s cubic-bezier(.4,0,.2,1) .1s,transform .7s cubic-bezier(.4,0,.2,1) .1s;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.bad-template{background:linear-gradient(180deg,rgba(239,68,68,.08),rgba(15,23,42,.55));border-color:rgba(239,68,68,.3)}.bad-template:hover{border-color:rgba(239,68,68,.55);box-shadow:inset 0 0 0 1px rgba(239,68,68,.1),0 18px 50px -15px rgba(239,68,68,.25)}.good-template{background:linear-gradient(180deg,rgba(16,185,129,.09),rgba(15,23,42,.55));border-color:rgba(16,185,129,.32)}.good-template:hover{border-color:rgba(16,185,129,.6);box-shadow:inset 0 0 0 1px rgba(16,185,129,.12),0 18px 50px -15px rgba(16,185,129,.3)}@media (max-width:900px){.cv-builder-grid{gap:18px;grid-template-columns:1fr}}@media (max-width:768px){.cv-builder-card{padding:22px 18px}.cv-builder-intro{margin-bottom:22px;padding:18px}.cv-builder-intro p{font-size:.9rem}.cv-progress{padding:14px}.cv-gate-card{padding:32px 22px}.cv-gate-icon{border-radius:20px;font-size:2.8rem;height:72px;width:72px}.cv-gate-card h4{font-size:1.25rem}.cv-gate-card p{font-size:.9rem}.btn-cv-unlock{font-size:.95rem;justify-content:center;padding:14px 24px;width:100%}textarea.cv-raw.cv-medium{min-height:110px}input.cv-raw{height:52px}}@media (max-width:480px){.cv-gate-card{padding:28px 18px}.cv-gate-hint{font-size:.78rem;padding:8px 14px}.cv-field label{font-size:.82rem}textarea.cv-raw{font-size:.88rem;padding:12px 14px}.cv-builder-intro{padding:16px 14px}}.cv-builder-buttons{align-items:stretch;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.cv-builder-buttons .btn{align-items:center;border:none;border-radius:13px;cursor:pointer;display:inline-flex;flex:1;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:13px 22px;transition:all var(--transition-normal)}.cv-builder-buttons .btn-icon{align-items:center;display:inline-flex;font-size:1.05rem}.btn-cv-preview{background:linear-gradient(135deg,rgba(6,182,212,.18),rgba(59,130,246,.14));border:1.5px solid rgba(6,182,212,.3)!important;color:#a5f3fc}.btn-cv-preview:hover{background:linear-gradient(135deg,rgba(6,182,212,.28),rgba(59,130,246,.22));border-color:rgba(6,182,212,.55)!important;box-shadow:0 8px 22px rgba(6,182,212,.2);transform:translateY(-1px)}.btn-cv-download{background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(236,72,153,.14));border:1.5px solid rgba(139,92,246,.3)!important;color:#ddd6fe}.btn-cv-download:hover{background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(236,72,153,.22));border-color:rgba(139,92,246,.55)!important;box-shadow:0 8px 22px rgba(139,92,246,.2);transform:translateY(-1px)}.cv-builder-buttons .btn-cv-unlock{flex:1.3;min-width:240px}.cv-modal-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(2,6,23,.78);display:flex;inset:0;justify-content:center;opacity:0;padding:20px;pointer-events:none;position:fixed;transition:opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s step-end;visibility:hidden;z-index:99999}.cv-modal-open{opacity:1;pointer-events:auto;transition:opacity .35s cubic-bezier(.4,0,.2,1),visibility .01s step-start;visibility:visible}.cv-modal{background:radial-gradient(ellipse at top left,rgba(6,182,212,.12) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(139,92,246,.12) 0,transparent 50%),linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98));border:1px solid hsla(0,0%,100%,.08);border-radius:22px;box-shadow:0 40px 100px -20px rgba(0,0,0,.7),0 0 80px rgba(6,182,212,.08),inset 0 0 0 1px hsla(0,0%,100%,.03);display:flex;flex-direction:column;max-height:90vh;max-width:780px;overflow:hidden;transform:translateY(20px) scale(.97);transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.cv-modal-open .cv-modal{transform:translateY(0) scale(1)}.cv-modal-header{align-items:center;background:linear-gradient(180deg,rgba(6,182,212,.08),transparent);border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 28px}.cv-modal-header h3{align-items:center;background:linear-gradient(90deg,var(--accent-cyan) 0,var(--accent-blue) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.25rem;font-weight:800;gap:12px;margin:0;-webkit-text-fill-color:transparent;color:var(--accent-cyan)}.cv-modal-icon{background:linear-gradient(135deg,rgba(6,182,212,.2),rgba(59,130,246,.18));border:1px solid rgba(6,182,212,.35);border-radius:12px;font-size:1.25rem;height:40px;width:40px}.cv-modal-close,.cv-modal-icon{align-items:center;display:inline-flex;justify-content:center}.cv-modal-close{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:var(--text-main);cursor:pointer;font-size:1rem;height:38px;transition:all var(--transition-fast);width:38px}.cv-modal-close:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#fca5a5;transform:rotate(90deg)}.cv-modal-body{background:repeating-linear-gradient(0deg,hsla(0,0%,100%,.015),hsla(0,0%,100%,.015) 1px,transparent 0,transparent 32px);flex:1;overflow-y:auto;padding:28px 28px 12px}.cv-modal-body::-webkit-scrollbar{width:10px}.cv-modal-body::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:10px}.cv-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(6,182,212,.4),rgba(59,130,246,.4));background-clip:padding-box;border:2px solid transparent;border-radius:10px}.cv-modal-footer{background:linear-gradient(0deg,rgba(0,0,0,.25),transparent);border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:18px 28px 22px}.cv-modal-footer .btn{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:11px 20px;transition:all var(--transition-normal)}.cv-modal-footer .btn-icon{font-size:1rem}.cv-preview-output{background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.07);border-radius:14px;color:#e2e8f0;font-family:Georgia,Times New Roman,serif;line-height:1.7;padding:32px 36px}.cv-preview-name{border-bottom:2px solid rgba(6,182,212,.35);color:#fff;font-size:2rem;font-weight:800;letter-spacing:.04em;margin-bottom:28px;padding-bottom:16px;text-align:left}.cv-preview-section{margin-bottom:22px}.cv-preview-label{border-bottom:1px solid rgba(6,182,212,.2);color:var(--accent-cyan);font-family:var(--font-sans);font-size:1rem;font-weight:700;letter-spacing:.06em;margin-bottom:10px;padding-bottom:6px;text-transform:uppercase}.cv-preview-value{color:#cbd5e1;font-size:.98rem;white-space:pre-wrap;word-wrap:break-word}.cv-preview-empty{color:#94a3b8;font-size:.95rem;padding:48px 24px}.cv-preview-empty,.cv-preview-footer{font-family:var(--font-sans);font-style:italic;text-align:center}.cv-preview-footer{border-top:1px dashed hsla(0,0%,100%,.12);color:#64748b;font-size:.82rem;margin-top:28px;padding-top:16px}@media (max-width:768px){.cv-builder-buttons{align-items:stretch;flex-direction:column}.cv-builder-buttons .btn,.cv-builder-buttons .btn-cv-unlock{flex:unset;min-width:unset;width:100%}.cv-modal{border-radius:18px;max-height:95vh}.cv-modal-header{padding:16px 18px}.cv-modal-header h3{font-size:1.05rem}.cv-modal-icon{border-radius:10px;font-size:1.1rem;height:34px;width:34px}.cv-modal-body{padding:18px 18px 6px}.cv-preview-output{padding:20px 18px}.cv-preview-name{font-size:1.5rem;margin-bottom:20px;padding-bottom:12px}.cv-modal-footer{padding:14px 18px 18px}.cv-modal-footer .btn{flex:1;font-size:.85rem;justify-content:center;min-width:140px;padding:10px 16px}}@media (max-width:480px){.cv-preview-label,.cv-preview-value{font-size:.88rem}.cv-modal-footer .btn{flex:1 1 100%}}