*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased}a{text-decoration:none}button,input,select{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{justify-content:space-between;padding:16px 5%;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo,.navbar{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:800;color:#0f172a;gap:8px}.logo-icon{background:#2563eb;color:#fff;border-radius:8px;padding:4px 8px;font-size:1.2rem}.nav-actions{display:flex;gap:15px;align-items:center}.lang-select{padding:8px;border-radius:8px;border:1px solid #cbd5e1;outline:none;cursor:pointer;background:#f8fafc}.btn-signin{color:#475569;font-weight:600;display:none}.btn-signup{background:#0f172a;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;transition:background .2s}.btn-signup:hover{background:#2563eb}.hero{padding:80px 5%;text-align:center;background:#fff;border-bottom:1px solid #e2e8f0}.badge{display:inline-block;padding:6px 12px;background:#eff6ff;color:#2563eb;border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:20px;letter-spacing:.5px}.hero-title{font-size:3rem;font-weight:900;line-height:1.1;letter-spacing:-1px;margin-bottom:20px;color:#0f172a}.highlight{color:#2563eb}.hero-desc{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.main-content{padding:60px 5%;background:#f8fafc;flex:1 1}.tools-header{text-align:center;margin-bottom:40px}.tools-header h2{font-size:2rem;color:#0f172a;font-weight:800}.tools-header p{color:#64748b;margin-top:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:25px;gap:25px;max-width:1200px;margin:0 auto}.card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.02);border:1px solid #f1f5f9;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.05)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-icon{font-size:1.5rem;background:#f8fafc;padding:10px;border-radius:12px}.links{display:flex;flex-direction:column;gap:8px}.link-item{display:flex;align-items:center;gap:10px;color:#475569;font-weight:500;padding:10px;border-radius:8px;transition:all .2s}.link-item:hover{background:#eff6ff;color:#2563eb}.arrow,.footer{color:#94a3b8}.footer{padding:30px;text-align:center;background:#0f172a;font-size:.9rem}.loader{height:100vh;display:flex;align-items:center;justify-content:center;font-weight:700}.btn-cancel{color:#64748b;font-weight:600}.studio-main{flex:1 1;padding:40px 5%;display:flex;flex-direction:column;align-items:center}.studio-header{text-align:center;margin-bottom:30px}.studio-header h1{font-size:2rem;color:#0f172a;font-weight:800;letter-spacing:-.5px}.studio-header p{color:#64748b;margin-top:5px}.workspace{width:100%;max-width:600px;background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.03);border:1px solid #f1f5f9}.dropzone{position:relative;border:2px dashed #cbd5e1;border-radius:16px;padding:40px 20px;text-align:center;background:#f8fafc;transition:all .2s;margin-bottom:20px}.dropzone:hover{border-color:#2563eb;background:#eff6ff}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-icon{font-size:3rem;margin-bottom:15px}.drop-text{color:#0f172a;font-weight:700;word-break:break-all}.btn-convert{width:100%;padding:16px;background:#0f172a;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s}.btn-convert:hover{background:#2563eb}.btn-convert:disabled{background:#94a3b8;cursor:not-allowed}.msg-success{background:#ecfdf5;color:#059669}.msg-error,.msg-success{margin-top:20px;padding:15px;border-radius:12px;text-align:center;font-weight:600}.msg-error{background:#fef2f2;color:#dc2626}@media (min-width:768px){.btn-signin{display:block}.hero-title{font-size:4.5rem}.hero-desc{font-size:1.25rem}.tools-header h2{font-size:2.5rem}.studio-main{padding:60px 5%}.studio-header h1{font-size:2.8rem}.workspace{padding:50px}.dropzone{padding:60px 20px}}