.btn{cursor:pointer;color:#fff;background:#ff6f00;border-radius:4px;margin-top:10px;padding:10px 18px;font-weight:700;text-decoration:none;transition:background .2s ease-in-out;display:inline-block}.btn:hover{background:#e65c00}.login-form,.form-group{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}input{border:1px solid #ccc;border-radius:4px;padding:10px;font-size:16px}.token-box{word-break:break-word;background:#f2f2f2;border:1px solid #ddd;border-radius:4px;padding:10px;font-family:monospace}.history-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:14px}.history-table th,.history-table td{border:1px solid #ddd;padding:8px}.history-table th{background-color:#f4f4f4;font-weight:700}@font-face{font-family:IRANYekanXVF;src:url(../font/IRANYekanXVF.woff)format("woff-variations"),url(../font/IRANYekanXVF.woff)format("woff");font-weight:100 900;font-display:swap}@font-face{font-family:IRANYekanX;src:url(../font/staticfonts/IRANYekanX-regular.woff)format("woff");font-weight:400}@font-face{font-family:IRANYekanX;src:url(../font/staticfonts/IRANYekanX-bold.woff)format("woff");font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a202c;direction:ltr;background:#f8fafc;font-family:IRANYekanX,Arial,sans-serif;line-height:1.6}header{color:#fff;background:linear-gradient(135deg,#ff6f00 0%,#ff8c00 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 40px;display:flex;box-shadow:0 4px 6px #0000001a}.brand{letter-spacing:-.5px;font-size:36px;font-weight:900}.tagline{opacity:.9;justify-content:center;align-items:center;font-size:16px;font-weight:400;display:flex}header nav{gap:20px;display:flex}header a{color:#fff;font-size:16px;font-weight:700;text-decoration:none;transition:color .3s,transform .2s}header a:hover{color:#ffe4b5;transform:translateY(-2px)}main{flex-direction:column;gap:50px;max-width:1200px;margin:0 auto;padding:40px 20px;display:flex}main:has(>.info-section){align-items:center}.intro{text-align:center;background:#fff;border-radius:12px;padding:30px;transition:transform .3s;box-shadow:0 4px 12px #0000000d}.intro:hover{transform:translateY(-5px)}.intro h1,.intro h2{color:#1a202c;margin-bottom:15px;font-weight:700}.intro p{color:#4a5568;margin-bottom:20px;font-size:16px}.flex{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.info-section{text-align:center;background:#fff;border-radius:12px;padding:25px;transition:transform .3s;box-shadow:0 4px 12px #0000000d}.info-section:hover{transform:translateY(-5px)}.info-section h2{color:#1a202c;margin-bottom:10px;font-size:20px;font-weight:700}.info-section p{color:#4a5568;font-size:15px}.btn{color:#fff;background:#ff6f00;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:background .3s,transform .2s;display:inline-block}.btn:hover{background:#e65c00;transform:translateY(-2px)}#random-api{background:#fff3e0;border-left:5px solid #ff6f00}#randomApiContent{color:#1a202c;text-align:left;background:#fff;border-radius:8px;margin-top:15px;padding:15px;font-size:16px;transition:opacity .5s}#randomApiContent.loading{opacity:.5}#randomApiContent code{background:#f1f1f1;border-radius:4px;padding:2px 6px;font-family:monospace}.intro ul{text-align:left;color:#4a5568;margin:15px 0;padding-left:25px;list-style-type:disc}.intro ul li{margin-bottom:10px}footer{color:#e2e8f0;text-align:center;background:#1a202c;margin-top:40px;padding:20px;font-size:14px}@media (width<=768px){header{text-align:center;flex-direction:column;align-items:center}header nav{flex-direction:column;gap:10px;margin-top:15px}.flex{grid-template-columns:1fr}.intro,.info-section{padding:20px}}@media (width<=480px){.brand{font-size:28px}.intro h1,.intro h2{font-size:24px}.btn{padding:10px 20px;font-size:14px}}