*{box-sizing:border-box}:root{--bg: #0d1016;--bg-2: #0b0e14;--card: rgba(255, 255, 255, .06);--card-strong: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .18);--text: #e7e9ee;--sub: #a3a8b3;--heading: #f1f2f6;--accent: #ffd400;--accent-600: #ffce00;--accent-700: #f0bd00;--radius: 12px;--radius-modal: 16px;--shadow-lg: 0 20px 60px rgba(0, 0, 0, .45);--shadow-md: 0 10px 30px rgba(0, 0, 0, .35);--shadow-sm: 0 6px 16px rgba(0, 0, 0, .25)}html,body{height:100%}#root{min-height:100dvh;display:flex;flex-direction:column}.site-footer{margin-top:auto}body{margin:0;color:var(--text);background-color:var(--bg);background-image:radial-gradient(1200px 500px at 10% -10%,rgba(112,87,255,.16),transparent 60%),radial-gradient(900px 400px at 110% 0%,rgba(255,214,0,.1),transparent 55%),linear-gradient(180deg,#ffffff0a,#fff0 35%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 12px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 12px);background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat;background-attachment:fixed,fixed,fixed,scroll,scroll;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-root{flex:1 1 auto;min-height:0;overflow:visible}h1,.modal-title{color:var(--heading);letter-spacing:.2px}@keyframes heading-shine{0%{background-position:-50% 0}40%{background-position:170% 0}to{background-position:170% 0}}.container{max-width:1040px;padding:12px;margin:12px auto}@media (min-width:1440px){.container{max-width:1120px}}.page-top{display:flex;justify-content:flex-end}.topbar{display:flex;align-items:center;gap:12px;padding:10px;background:linear-gradient(180deg,var(--card),transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar .feedback-btn{margin-left:-5px}.credits{color:var(--sub)}.credits strong{font-weight:800;color:var(--text)}label{color:var(--sub)}input[type=url],input[type=email],select,textarea{width:100%;padding:10px 12px;background:linear-gradient(180deg,var(--card),var(--card-strong));color:var(--text);border:1px solid var(--line);border-radius:var(--radius);outline:0;transition:border-color .18s ease,box-shadow .18s ease,transform .02s ease;box-shadow:inset 0 1px #ffffff08}input::placeholder,textarea::placeholder{color:#8e95a3}input[type=url]:hover:not(:focus),input[type=email]:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--line-strong);box-shadow:0 0 0 3px #ffffff12,inset 0 1px #ffffff05}input[type=url]:focus,input[type=email]:focus,select:focus,textarea:focus{border-color:var(--accent-600);box-shadow:0 0 3px 3px #ffd4002e,inset 0 1px #ffffff08}textarea{resize:vertical;max-height:60vh;overflow:auto}.col-left textarea{max-height:50vh;min-height:66px}button{height:42px;font-weight:700}.topup-btn,.col-left button[type=submit],.modal-actions button:not(.close-btn){min-width:110px;border:none;border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,#fff,#fff0 60%) padding-box,linear-gradient(90deg,#ffe767,#ffd400) border-box;color:#111;position:relative;box-shadow:0 0 #f000;filter:saturate(100%);transition:box-shadow .5s ease,filter .5s ease,transform .12s ease;will-change:box-shadow,filter;overflow:hidden;isolation:isolate}.topup-btn:hover,.col-left button[type=submit]:hover,.modal-actions button:not(.close-btn):hover{filter:saturate(110%);box-shadow:0 6px 24px #ffd5007b;cursor:pointer}.topup-btn:active,.col-left button[type=submit]:active,.modal-actions button:not(.close-btn):active{transform:translateY(1px)}.modal-actions button:first-child{min-width:120px;padding:0 20px}.feedback-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--card-strong));color:var(--sub);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .03s ease,color .18s ease,background .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feedback-btn:hover{border-color:var(--accent-600);color:var(--accent-600);box-shadow:0 0 0 6px #ffd4001a,var(--shadow-sm)}.feedback-btn:active{transform:translateY(1px)}:focus-visible{outline:none!important}.feedback-btn svg{width:20px;height:20px}.modal-overlay{position:fixed;inset:0;background:#07090c85;-webkit-backdrop-filter:blur(8px) saturate(110%);backdrop-filter:blur(8px) saturate(110%);display:grid;place-items:center;z-index:1000}.modal{background:linear-gradient(180deg,#171a21d9,#11141bd9);color:var(--text);padding:16px;width:360px;max-width:92vw;display:grid;gap:12px;border-radius:var(--radius-modal);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);transform:translateY(0);animation:pop .18s ease-out both}@keyframes pop{0%{transform:translateY(6px);opacity:.6}to{transform:translateY(0);opacity:1}}.modal-title{font-weight:800;margin-bottom:8px}.modal-body{display:block}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.packages{display:grid;gap:8px}.pkg{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,var(--card),var(--card-strong));border:1px solid var(--line);transition:border-color .18s ease,box-shadow .18s ease,transform .03s ease}.pkg:hover{border-color:var(--line-strong);box-shadow:0 0 0 4px #ffffff08}.pkg.active{border-color:var(--accent-600);box-shadow:0 0 0 6px #ffd40024,inset 0 1px #ffffff08;background:linear-gradient(90deg,#ffd60017,#ffd60000),linear-gradient(180deg,var(--card),var(--card-strong))}.pkg-price{font-weight:800}.fb-form{display:grid;gap:12px}.fb-actions{display:flex;justify-content:flex-end}.fb-thanks{display:grid;place-items:center;min-height:140px;font-weight:900;font-size:1.2rem;color:var(--sub)}.modal-actions button:first-child[form=fb-form]{min-width:140px;padding:0 12px}.fb-form input[type=email]{width:100%;padding:10px 12px;background:linear-gradient(180deg,var(--card),var(--card-strong));border:1px solid var(--line);border-radius:var(--radius);transition:border-color .18s ease,box-shadow .18s ease;margin-top:4px;color:var(--text)}.fb-form input[type=email]:focus{border-color:var(--accent-600);outline:none;box-shadow:0 0 0 4px #ffd4002e}.fb-form textarea{margin-top:4px}.split{display:flex;gap:30px;align-items:stretch}.col-left,.col-right{flex:1;min-width:0}.col-left label,.col-right label{display:grid;gap:6px;margin-bottom:12px}.col-left textarea,.col-left input,.col-right textarea,.col-right select{width:100%}.col-left button[type=submit]{width:100%;display:block;padding:12px 16px}.controls-row{display:flex;gap:12px;margin-bottom:8px}.controls-row .control{flex:1}.col-right{display:flex;flex-direction:column;min-height:0}.col-right .result{display:flex;flex-direction:column;flex:1;min-height:0;gap:6px}.col-right .result>label{margin-bottom:0;display:block}.col-right .result textarea{flex:1;min-height:0}.result-box{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.result-box textarea{flex:1;min-height:0;padding-right:44px}.copy-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--card-strong));color:var(--sub);box-shadow:var(--shadow-sm);cursor:pointer;z-index:1;transition:border-color .18s ease,box-shadow .18s ease,transform .03s ease,color .18s ease,background .18s ease}.copy-btn:hover{border-color:var(--accent-600);box-shadow:0 0 0 6px #ffd4001a}.copy-btn:active{transform:translateY(1px)}.copy-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.copy-btn svg{width:16px;height:16px}.error{margin-bottom:8px;font-size:.76rem;color:#ff5a6b}.error-buy-modal{margin:8px 0 0;font-size:.76rem;color:#ff5a6b}.buy-modal-email-label{display:grid;gap:6px;margin-top:8px;font-size:.9rem}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.topup-btn:before,.col-left button[type=submit]:before,.modal-actions button:not(.close-btn):before{content:"";position:absolute;inset:-40%;background:radial-gradient(60% 50% at 50% -10%,#ffffff40,#fff0 60%);filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .6s ease}.topup-btn:after,.col-left button[type=submit]:after,.modal-actions button:not(.close-btn):after{content:"";position:absolute;top:-120%;bottom:-120%;left:0;width:40%;background:linear-gradient(120deg,#fff0,#ffffff8c,#fff0);transform:translate(-160%) skew(-20deg);filter:blur(10px);opacity:0;pointer-events:none}.topup-btn:hover:before,.col-left button[type=submit]:hover:before,.modal-actions button:not(.close-btn):hover:before{opacity:1}.topup-btn:hover:after,.col-left button[type=submit]:hover:after,.modal-actions button:not(.close-btn):hover:after{opacity:1;animation:btn-sheen 2.6s cubic-bezier(.22,.61,.36,1) infinite}@keyframes btn-sheen{0%{opacity:0;transform:translate(-160%) skew(-20deg)}15%{opacity:.9}85%{opacity:.9}to{opacity:0;transform:translate(160%) skew(-20deg)}}.close-btn{width:42px;height:42px;min-width:auto;padding:0;line-height:1;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--card-strong));color:var(--sub);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .03s ease,color .18s ease,background .18s ease;overflow:hidden;isolation:isolate}.close-btn:before,.close-btn:after{content:none!important}.close-btn:hover{border-color:var(--accent-600);color:var(--accent-600);box-shadow:0 0 0 4px #ffd40014,var(--shadow-sm)}.close-btn:active{transform:translateY(1px)}.close-btn svg{width:18px;height:18px}select{appearance:none;cursor:pointer}option{background:var(--bg-2);color:var(--text)}option:checked{background:var(--accent);color:#000}body.plain{font-family:Times New Roman,Times,serif!important;color:#000!important;background:#fff!important}body.plain *{font-family:inherit!important;color:#000!important;background:#fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:none!important;animation:none!important}body.plain *:before,body.plain *:after{content:none!important}body.plain input,body.plain select,body.plain textarea,body.plain button{background:#fff!important;color:#000!important;border:1px solid #000!important}body.plain a{color:#000!important;text-decoration:underline!important}body.plain h1,body.plain h2,body.plain h3,body.plain h4,body.plain h5,body.plain h6{font-weight:700!important;color:#000!important;background:none!important;-webkit-text-fill-color:#000!important}body.plain .modal,body.plain .pkg.active{border:1px solid #000!important}body.plain .modal-overlay{background:#00000040!important}.agreement{margin-top:8px;font-size:.8rem;color:#666}.agreement label{display:flex;align-items:center;gap:6px}.agreement input[type=checkbox]{transform:scale(.9)}.agreement a{color:#e7b64d;text-decoration:none}.agreement a:hover{text-decoration:underline}.legal-wrap{max-width:860px;margin:0 auto;padding:20px 16px;min-height:100vh}.legal-doc{border:1px solid #30363d;border-radius:8px;background:#0d1117;padding:20px 30px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:.86rem;line-height:1.4;color:#c9d1d9;letter-spacing:0}.legal-doc h1{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 8px}.legal-doc h2{font-size:.84rem;font-weight:700;color:#c9d1d9;margin:12px 0 6px;padding-bottom:4px;border-bottom:1px solid #30363d}.legal-doc p{margin:3px 0;color:#989898;font-size:.76rem}.legal-doc a{color:#58a6ff;text-decoration:none}.legal-doc a:hover{text-decoration:underline}.legal-doc ul,.legal-doc ol{margin:4px 0 6px 1.2em;padding:0;font-size:.76rem;color:#9aa4ae}.legal-doc li{margin:2px 0}.legal-doc blockquote{margin:8px 0;padding:6px 10px;border-left:3px solid #30363d;background:#0f1520;color:#b6c2cd;border-radius:4px}.legal-doc code{background:#161b22;padding:0 4px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em}.legal-doc pre{background:#161b22;padding:12px;border-radius:6px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;line-height:1.45}.legal-doc hr{border:0;border-top:1px solid #30363d;margin:10px 0}.legal-doc table{width:100%;border-collapse:collapse;font-size:.76rem;margin:6px 0}.legal-doc th,.legal-doc td{border:1px solid #30363d;padding:6px 8px}.legal-doc th{background:#161b22;color:#c9d1d9}.legal-actions{display:flex;justify-content:flex-start;margin-top:10px}.legal-back{font-size:.84rem;padding:6px 10px;border:1px solid #30363d;background:#161b22;color:#c9d1d9;border-radius:6px;cursor:pointer}.legal-back:hover{background:#1b2230}.legal-back:focus{outline:none}@media (max-width: 480px){.legal-wrap{padding:16px 12px}.legal-doc{padding:14px}.legal-doc p,.legal-doc li{font-size:.75rem;line-height:1.38}}.site-footer--compact{margin-top:16px;padding-top:8px;background:transparent}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px}.footer-left,.footer-right{margin:0;font-size:.74rem;line-height:1.2;color:var(--sub);opacity:.72}.footer-left a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.18)}.footer-left a:hover{color:var(--accent-600);border-bottom-color:var(--accent-600)}.footer-right{color:#ffd000;opacity:.8!important}.footer-muted{opacity:.45}.footer-stealth{border-bottom:none}body.plain .footer-left,body.plain .footer-right{color:#000;opacity:1}body.plain .footer-left a{text-decoration:underline;border-bottom:none}@media print{.site-footer{display:none!important}}.field-with-counter{position:relative}.ta-experience{resize:vertical;width:100%;max-height:62vh!important}.ta-experience::placeholder{white-space:pre-wrap}.ta-skills{max-height:14vh!important}.char-counter{position:absolute;right:14px;bottom:8px;font-size:12px;opacity:.7;-webkit-user-select:none;user-select:none}.ta::-webkit-scrollbar{width:10px}.ta::-webkit-scrollbar-track{background:#0c0c0c;border-left:1px solid #1d1d1d}.ta::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:10px;border:2px solid #0c0c0c}.ta::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.ta{scrollbar-width:thin;scrollbar-color:#3a3a3a #0c0c0c}@media (max-width: 960px){.container{margin-top:0!important}.credits{font-size:.9rem}.topup-btn,.feedback-btn,button{height:40px}.topup-btn,.buy-button,.feedback-btn{font-size:14px!important}.close-btn{width:40px;height:40px}.feedback-btn{width:40px}h1{font-size:1.3rem}.home-root{overflow-y:auto}.split{flex-direction:column;gap:8px}.col-right .result textarea{min-height:220px}.col-left label,.col-right label{font-size:16px}.col-left label{margin-bottom:2px!important}.col-left button[type=submit]{margin-top:18px!important;height:48px;border-radius:1.4rem;font-size:16px}.ta-experience{max-height:50vh!important}.controls-row{flex-direction:column;gap:6px;margin-bottom:6px}.controls-row .control{margin-bottom:0;gap:4px}.footer-row{flex-direction:column;align-items:center}input[type=url],input[type=email],select,textarea{font-size:16px;line-height:1.2}}@supports (height: 1dvh){textarea{max-height:60dvh}.col-left textarea{max-height:50dvh}.ta-experience{max-height:62dvh!important}.ta-skills{max-height:14dvh!important}}.global-spinner-overlay,body.plain .global-spinner-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;pointer-events:none;background:transparent!important}.global-spinner{--size: 56px;--stroke: 3px;--speed: .88s;--glow: color-mix(in oklab, var(--accent), white 45%);width:var(--size);height:var(--size);border-radius:50%;position:relative;border:var(--stroke) solid rgba(255,255,255,.14);border-top-color:color-mix(in oklab,var(--accent),white 28%);background:radial-gradient(closest-side,rgba(255,255,255,.08),transparent 70%);box-shadow:inset 0 0 0 1px #ffffff0f;animation:busy-rotate var(--speed) linear infinite,busy-breathe 2.2s ease-in-out infinite;filter:drop-shadow(0 6px 20px var(--glow)) drop-shadow(0 0 34px color-mix(in oklab,var(--accent),white 25%));will-change:transform,filter}.global-spinner:before{content:"";position:absolute;inset:calc(var(--stroke) * -1);border-radius:inherit;background:repeating-conic-gradient(from .06turn,transparent 0 10deg,color-mix(in oklab,var(--accent),white 40%) 10deg 10.8deg),conic-gradient(from 0turn,transparent 0turn,color-mix(in oklab,var(--accent),white 32%) .08turn,transparent .22turn);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - (var(--stroke)*2 + 2px)),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - (var(--stroke)*2 + 2px)),#000 0);filter:saturate(125%);animation:busy-sparkle 1.05s steps(2,end) infinite alternate;opacity:.95}.global-spinner:after{content:"";position:absolute;left:50%;top:calc(var(--stroke) * -1);transform:translate(-50%);width:calc(var(--stroke) * 3.3);height:calc(var(--stroke) * 3.3);border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 10%,color-mix(in oklab,var(--accent),white 30%) 45%,color-mix(in oklab,var(--accent),black 12%) 72%,transparent 75%);box-shadow:0 0 22px 6px color-mix(in oklab,var(--accent),white 45%),0 0 4px 1px #ffffff73 inset}@keyframes busy-rotate{to{transform:rotate(1turn)}}@keyframes busy-breathe{0%,to{filter:drop-shadow(0 6px 18px var(--glow)) drop-shadow(0 0 28px color-mix(in oklab,var(--accent),white 18%))}50%{filter:drop-shadow(0 8px 26px var(--glow)) drop-shadow(0 0 40px color-mix(in oklab,var(--accent),white 28%))}}@keyframes busy-sparkle{0%{opacity:.85}to{opacity:1}}@media (prefers-reduced-motion: reduce){.global-spinner{animation:busy-rotate 1.4s linear infinite}.global-spinner:before{animation:none}}body.plain .global-spinner-overlay .global-spinner{--size: 40px;width:var(--size);height:var(--size);border-radius:50%;background:none!important;box-shadow:none!important;filter:none!important;border:3px solid #00000022!important;border-top-color:#000!important;animation:gl-spin-plain .8s linear infinite!important}@keyframes gl-spin-plain{to{transform:rotate(360deg)}}body.plain{color-scheme:light}body.plain ::-webkit-scrollbar{width:10px;height:10px}body.plain ::-webkit-scrollbar-track{background:#f1f1f1!important}body.plain ::-webkit-scrollbar-thumb{background:#c8c8c8!important;border:1px solid #f1f1f1!important;border-radius:0!important}body.plain ::-webkit-scrollbar-thumb:hover{background:#b3b3b3!important}body.plain,body.plain .ta{scrollbar-width:thin;scrollbar-color:#c8c8c8 #f1f1f1!important}body.plain{-webkit-overflow-scrolling:touch}
