@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#121d39;--indigo:#5467e9;--ink:#1b2c47;--muted:#75829b;--line:#e3e9f3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#e1e9ff,#f8faff 60%);color:var(--ink);font-family:Cairo,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.customer-header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 max(25px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid var(--line);font-size:13px;color:#6979a0;font-weight:700}.customer-logo{display:flex;gap:12px;align-items:center;color:#2f4367;font-size:15px;font-weight:900;letter-spacing:.6px}.customer-logo:first-letter{color:var(--indigo)}.auth-card{background:#fff;border:1px solid #e4eaf6;box-shadow:0 23px 65px #1d3c7617;border-radius:24px;width:min(510px,calc(100% - 26px));margin:78px auto;padding:40px}.mini-label{letter-spacing:2px;font:bold 10px system-ui;color:#677af0}.auth-card h1{font-size:26px;letter-spacing:-.4px;margin:12px 0 10px}.auth-card>p{font-size:13px;color:var(--muted);line-height:1.8}.customer-form{display:grid;gap:17px;margin:25px 0}.customer-form label{font-size:13px;color:#495b7b;font-weight:700}.customer-form input{display:block;direction:ltr;width:100%;border:1px solid #dce3f0;background:#fbfcff;border-radius:12px;padding:13px 14px;margin-top:7px;outline:0;color:#162f53}.customer-form input:focus{border-color:#7085ec;box-shadow:0 0 0 3px #6579ed1c}.primary-link{display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(120deg,#6376f0,#4858d9);color:white;border:0;border-radius:12px;padding:13px 18px;font-weight:800;font-size:13px;min-height:51px}.primary-link:hover{background:#4357d5}.auth-links{border-top:1px solid #edf1f8;margin-top:24px;padding-top:20px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:12px;color:#556bd7}.feedback{font-size:12px;line-height:1.9;padding:12px 14px;border-radius:11px;margin:18px 0}.feedback.error{background:#fff0f3;color:#ad294d;border:1px solid #ffccd7}.feedback.success{background:#eafaf3;color:#20764d;border:1px solid #bde7d4}.inline-form{margin-top:16px}.subtle-button{border:1px solid #dbe2f4;background:#fff;border-radius:10px;padding:9px 15px;color:#52638b;font-size:12px}.customer-footer{text-align:center;margin:auto 0 0;padding:25px;color:#8b97af;font-size:11px}.library-shell{width:min(1020px,calc(100% - 32px));margin:65px auto 90px;flex:1}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.library-heading h1{margin:6px 0;font-size:29px}.library-heading p{font-size:13px;color:var(--muted)}.library-heading a{border:1px solid #d4def5;border-radius:11px;padding:10px 15px;color:#5269dd;font-size:12px}.purchases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:20px}.purchase-card{background:#fff;padding:26px;border:1px solid var(--line);box-shadow:0 12px 35px #2b4e7c10;border-radius:18px}.purchase-card h2{font-size:19px;margin:0 0 9px}.purchase-card p{font-size:12px;color:var(--muted);line-height:1.9}.license-display{display:block;word-break:break-word;background:#f3f6fc;padding:10px;border-radius:8px;font:12px/1.6 monospace;color:#344c78;margin:10px 0}.purchase-card .primary-link{margin-top:15px}.empty-library{text-align:center;border:1px dashed #cbd5e8;background:#fff;border-radius:20px;padding:65px 20px}.empty-library h2{margin:0 0 10px}.empty-library p{color:var(--muted);font-size:13px}.checkout-summary{background:#f5f7ff;padding:17px;border-radius:13px;margin:20px 0;font-size:14px}.checkout-summary strong{font-size:23px;color:#4c63d9}.checkout-cancel{font-size:12px;color:#95683c;background:#fff8e8;padding:12px;border-radius:9px;margin-bottom:16px}
@media(max-width:640px){.auth-card{margin:35px auto;padding:27px 21px}.customer-header{padding:0 20px}.library-heading{display:block}.library-heading h1{font-size:24px}}

/* Customer profile and account recovery actions. */
.account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:23px 0}
.account-actions .primary-link{grid-column:1/-1}
.subtle-link{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #dbe3f5;background:#f8faff;border-radius:11px;color:#5266c8;font-size:12px;font-weight:800;text-align:center;padding:9px 12px}
.subtle-link:hover{background:#eef2ff}
.account-section-heading{font-size:18px;margin:24px 0 2px;color:#273d69}
.form-note{font-size:11px;color:#7f8da6;line-height:1.8;margin:-3px 0 3px}
@media(max-width:440px){.account-actions{grid-template-columns:1fr}.account-actions .primary-link{grid-column:auto}}
.account-downloads{border-top:1px solid #e9eef9;padding-top:15px;margin-top:20px}
.account-downloads h2{font-size:16px;margin:0 0 12px}
.account-downloads .subtle-link{margin:7px 0}
.customer-contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px}
.customer-contacts a{color:#5267db;font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* Full customer dashboard with purchases, license keys and email preferences. */
.auth-card.account-wide{width:min(1010px,calc(100% - 32px));margin:35px auto 65px;padding:clamp(22px,4vw,46px)}
.account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.account-summary>div{border:1px solid #dde5fb;background:linear-gradient(145deg,#f8faff,#eaf0ff);border-radius:14px;padding:19px 15px;display:grid;gap:6px}
.account-summary strong{font-size:26px;color:#475bd9}.account-summary span{color:#526589;font-size:12px;font-weight:700}
.account-history{margin:24px 0;border-top:1px solid #e4e9f5;padding-top:20px}.account-history h2{font-size:17px;margin:0 0 14px}
.account-table-wrap{width:100%;overflow-x:auto;border:1px solid #e0e6f2;border-radius:12px}.account-history table{width:100%;border-collapse:collapse;font-size:12px;min-width:550px}
.account-history th,.account-history td{text-align:start;padding:12px 14px;border-bottom:1px solid #edf1fa}.account-history th{background:#f7f9ff;color:#506187}
.account-history tr:last-child td{border-bottom:0}.account-history code{font-size:11px;word-break:break-all}
.customer-form .newsletter-option{display:flex;align-items:flex-start;gap:10px;line-height:1.9;padding:12px;border:1px solid #dce7fd;border-radius:12px;background:#f8faff}
.customer-form .newsletter-option input{display:inline-block;direction:initial;flex:0 0 auto;width:17px;height:17px;margin-top:5px;padding:0}
@media(max-width:600px){.account-summary{grid-template-columns:1fr}.auth-card.account-wide{padding:23px 17px}}

/* Account home: recognisable profile, actions and prominent owned downloads. */
.account-hero{display:flex;align-items:center;gap:20px;padding:23px;background:linear-gradient(110deg,#f6f8ff,#eaf1ff);border:1px solid #dce5fa;border-radius:18px;margin:18px 0 22px}
.account-avatar{width:66px;height:66px;flex:0 0 66px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(135deg,#657aef,#4258cb);color:white;font-weight:900;font-size:32px;box-shadow:0 8px 24px #3548bb37}
.account-hero h1{margin:0 0 6px}.account-hero p{font-size:12px;color:#667998;line-height:1.8;margin:0 0 8px}.account-email{font:600 12px system-ui;color:#4058a3;overflow-wrap:anywhere}
.account-section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.account-section-top h2{margin:0}.account-section-top a{color:#4b60c9;font-size:12px;font-weight:800}
.account-download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.account-download-card{border:1px solid #dce6fc;border-radius:14px;padding:18px;background:#fafcff;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px}
.account-download-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e5edff;color:#485dcf;font-size:25px;font-weight:800}
.account-download-card strong{display:block;font-size:14px;line-height:1.65}.account-download-card small{display:block;margin-top:5px;color:#798bad;font-size:11px}
.account-download-card .primary-link{grid-column:1/-1;min-height:43px}
.account-no-downloads{background:#fafcff;border:1px dashed #c4d4f2;border-radius:14px;padding:21px}.account-no-downloads strong{font-size:13px;color:#435677}
.account-no-downloads p{font-size:12px;color:#7e8aa5;line-height:1.9}.account-no-downloads a{font-size:12px;font-weight:800;color:#4d61cc}
@media(max-width:600px){.account-hero{padding:17px;align-items:flex-start;gap:12px}.account-avatar{width:44px;height:44px;flex-basis:44px;font-size:22px}.account-hero h1{font-size:19px}.account-download-grid{grid-template-columns:1fr}}
.customer-footer .site-page-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 21px;margin:18px auto;max-width:1000px}
.customer-footer .site-page-links a{font-size:12px;font-weight:700;color:#5167be}
.customer-footer .site-page-links a:hover{text-decoration:underline;text-underline-offset:4px}
/* Purchase self-service, matching the existing Yoxolo customer theme. */
.library-top-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pending-orders{margin:22px 0 28px}
.pending-orders h2{font-size:1.25rem;margin:0 0 13px;color:#132b56}
.pending-list{display:grid;gap:12px}
.pending-card{background:#fff;border:1px solid #d8e2f4;border-radius:18px;padding:20px;display:grid;grid-template-columns:minmax(190px,1fr) auto;align-items:center;gap:12px;box-shadow:0 10px 26px rgba(20,48,95,.05)}
.pending-card strong{display:block;color:#17305a;font-size:1.05rem}
.pending-card form{margin:0}
.pending-card .primary-link{border:0;cursor:pointer;font:inherit;text-align:center}
.pending-help{grid-column:1/-1;color:#657899;font-size:.88rem;margin:0;line-height:1.7}
.purchase-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.purchase-card-top h2{margin:0}
.purchase-state{display:inline-block;border-radius:99px;padding:5px 12px;font-weight:700;font-size:.78rem;white-space:nowrap}
.paid-state{background:#e5f8f0;color:#137c50}
.pending-state{background:#fff4d8;color:#946414}
.purchase-card .license-label{display:block;margin-top:15px;margin-bottom:8px;font-weight:700;font-size:.89rem}
.purchase-card .license-display{display:block;overflow-wrap:anywhere;direction:ltr;text-align:left;background:#f1f5ff;border-radius:10px;padding:12px}
.purchase-tools{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:15px}
.purchase-tools form{margin:0}
.copy-license-btn{border:1px solid #cbd9f0;background:#f8faff;color:#264575;font:inherit;font-weight:700;border-radius:10px;padding:10px 15px;cursor:pointer;margin-top:10px}
.copy-license-btn:hover{background:#eaf1ff}
.purchase-tools .copy-license-btn{margin-top:0}
@media(max-width:640px){.pending-card{grid-template-columns:1fr}.pending-card form,.pending-card .primary-link{width:100%}.purchase-card-top{align-items:flex-start;flex-wrap:wrap}}
.pending-card-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.pending-card-actions form{margin:0}
.pending-card-actions .primary-link{height:100%}
.pending-resume-btn{background:linear-gradient(120deg,#117a9b,#096583)}
.pending-resume-btn:hover{background:#075876}
@media(max-width:720px){.pending-card-actions{grid-column:1/-1;justify-content:stretch}.pending-card-actions form{flex:1 1 225px}.pending-card-actions .primary-link{width:100%}}
.tool-account-section{scroll-margin-top:25px}
.tool-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-top:18px}
.tool-account-card{border:1px solid #e2e8f1;background:#fbfcff;border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:11px;min-height:195px}
.tool-account-card strong{font-size:15px;color:#122241}.tool-account-card small{color:#72809b;font-size:12px}
.tool-account-card .primary-link{margin-top:auto;text-align:center}
.tool-tag{display:inline-flex;align-self:start;border-radius:50px;font-size:11px;font-weight:800;padding:6px 11px}
.tool-tag.free{background:#e9f8ec;color:#157347}.tool-tag.premium{background:#fff2d9;color:#906000}.tool-tag.blocked{background:#f1f2f5;color:#677388}
.account-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:7px;background:#eef2fc;border:1px solid #dee6f6;border-radius:18px;margin:20px 0}
.account-tab{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 12px;border-radius:13px;font-size:14px;font-weight:800;color:#576b93;text-align:center;transition:background .2s,color .2s}
.account-tab:hover{background:#fff9;color:#304fc5}.account-tab.active{background:white;color:#3454c5;box-shadow:0 4px 20px #253a7520}
.tool-account-section{border-top:0;padding-top:5px}.tool-account-card{transition:transform .2s,box-shadow .2s}.tool-account-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #21407712}
@media(max-width:540px){.account-tabs{grid-template-columns:1fr}.account-tab{min-height:46px}}
.account-locale-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.account-locale-links a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:7px 9px;border-radius:8px;color:#5263ad;background:#eef3ff;font-weight:800;font-size:11px}
.account-locale-links a:first-child{background:transparent;color:#44577c}
@media(max-width:500px){.customer-header{height:auto;min-height:80px;flex-wrap:wrap;gap:9px;padding-block:12px}.account-locale-links{gap:4px}}