:root{--bg-1: linear-gradient(135deg,#F8FAFF 0%, #F1F6FF 30%, #F6F9FF 100%);--card-bg: rgba(255,255,255,.96);--glass: rgba(255,255,255,.55);--accent: #3b82f6;--accent-2: #7c3aed;--muted: #6b7280;--radius: 18px;--shadow-lg: 0 20px 60px rgba(2,6,23,.12);--smooth: cubic-bezier(.2,.9,.3,1)}html,body,#root{height:100%;margin:0;font-family:Poppins,Roboto,sans-serif;background:var(--bg-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-fullscreen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px;box-sizing:border-box;position:relative;overflow:hidden}.app-bg-decor{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url(/mnt/data/dc60c904-9523-4ff4-99ee-303cf6b26aa6.png),url("/mnt/data/Captura de pantalla 2025-11-22 232749.png");background-repeat:no-repeat,no-repeat;background-position:right bottom,left bottom;background-size:45% auto,40% auto;opacity:.14;filter:blur(0px) saturate(1.05)}.typeform-card{position:relative;z-index:2;width:780px;max-width:96%;border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.98),var(--card-bg));box-shadow:var(--shadow-lg);padding:48px 56px;transition:transform .42s var(--smooth),box-shadow .42s var(--smooth);transform-origin:center;overflow:visible}.typeform-title{font-size:1.8rem;font-weight:700;margin:0 0 14px;color:#0f172a;letter-spacing:-.5px}.typeform-sub{color:var(--muted);margin-bottom:18px}.typeform-progress{height:8px;border-radius:8px;background:linear-gradient(90deg,#0000000f,#00000005);overflow:hidden;margin-bottom:18px}.typeform-progress>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .42s var(--smooth)}.typeform-input{width:100%}.typeform-input .MuiInputBase-root{font-size:1.05rem;padding:14px 16px;border-radius:10px;background:#fafafae6}.typeform-input label{font-weight:600;color:#111827}.typeform-controls{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.btn-circle{border-radius:12px;padding:10px 18px;box-shadow:0 6px 18px #3b82f626;transition:transform .22s var(--smooth)}.btn-circle:active{transform:translateY(2px)}.back-icon{color:var(--muted);display:flex;align-items:center;gap:8px}.small-caption{font-size:.85rem;color:var(--muted)}@media(max-width:820px){.typeform-card{padding:28px 20px;width:95%;border-radius:14px}.typeform-title{font-size:1.4rem}.app-bg-decor{background-size:60% auto,55% auto;opacity:.08}}