.page-module__kgM8Ra__container{max-width:800px;margin:0 auto;padding:40px 20px}.page-module__kgM8Ra__header{text-align:center;margin-bottom:50px}.page-module__kgM8Ra__title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;display:flex}.page-module__kgM8Ra__titleIcon{color:var(--accent-start);-webkit-text-fill-color:var(--accent-start)}.page-module__kgM8Ra__subtitle{color:rgba(var(--gray-rgb), .8);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.page-module__kgM8Ra__content{flex-direction:column;gap:40px;display:flex}.page-module__kgM8Ra__inputSection{background:rgba(var(--gray-rgb), .03);border:1px solid rgba(var(--gray-rgb), .1);border-radius:16px;padding:32px}.page-module__kgM8Ra__inputGroup{gap:12px;margin-bottom:24px;display:flex}.page-module__kgM8Ra__input{background:rgba(var(--gray-rgb), .05);border:2px solid rgba(var(--gray-rgb), .1);color:var(--foreground);transition:all var(--animation-short) ease;border-radius:12px;flex:1;padding:16px 20px;font-size:1rem}.page-module__kgM8Ra__input:focus{border-color:var(--accent-start);box-shadow:0 0 0 3px rgba(var(--accent-start-rgb), .1);outline:none}.page-module__kgM8Ra__input::placeholder{color:rgba(var(--gray-rgb), .5)}.page-module__kgM8Ra__generateButton{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--animation-short) ease;white-space:nowrap;border:none;border-radius:12px;padding:16px 24px;font-size:1rem;font-weight:600}.page-module__kgM8Ra__generateButton:hover:not(:disabled){box-shadow:0 6px 20px rgba(var(--accent-start-rgb), .3);transform:translateY(-2px)}.page-module__kgM8Ra__generateButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.page-module__kgM8Ra__examples{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-module__kgM8Ra__examples p{color:rgba(var(--gray-rgb), .7);margin:0;font-size:.9rem}.page-module__kgM8Ra__exampleButton{color:var(--accent-start);border:1px solid rgba(var(--accent-start-rgb), .3);cursor:pointer;transition:all var(--animation-short) ease;background:0 0;border-radius:8px;padding:8px 16px;font-size:.85rem}.page-module__kgM8Ra__exampleButton:hover{background:rgba(var(--accent-start-rgb), .1);border-color:var(--accent-start)}.page-module__kgM8Ra__resultSection{background:rgba(var(--gray-rgb), .03);border:1px solid rgba(var(--gray-rgb), .1);text-align:center;border-radius:16px;padding:32px}.page-module__kgM8Ra__qrDisplay{margin-bottom:24px}.page-module__kgM8Ra__qrImage{border:1px solid rgba(var(--gray-rgb), .1);background:#fff;border-radius:12px;max-width:100%;height:auto;padding:16px}.page-module__kgM8Ra__actions{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.page-module__kgM8Ra__actionButton{color:var(--foreground);border:2px solid rgba(var(--gray-rgb), .2);cursor:pointer;transition:all var(--animation-short) ease;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:500;display:flex}.page-module__kgM8Ra__actionButton:hover{background:rgba(var(--gray-rgb), .1);border-color:var(--accent-start);color:var(--accent-start);transform:translateY(-1px)}.page-module__kgM8Ra__info{background:rgba(var(--gray-rgb), .05);text-align:left;border-radius:10px;padding:16px}.page-module__kgM8Ra__info p{color:rgba(var(--gray-rgb), .8);margin:4px 0;font-size:.9rem}.page-module__kgM8Ra__info strong{color:var(--foreground)}@media (max-width:768px){.page-module__kgM8Ra__container{padding:30px 16px}.page-module__kgM8Ra__inputGroup{flex-direction:column}.page-module__kgM8Ra__generateButton{width:100%}.page-module__kgM8Ra__examples{justify-content:center}.page-module__kgM8Ra__actions{flex-direction:column;align-items:center}.page-module__kgM8Ra__actionButton{justify-content:center;width:100%;max-width:200px}}@media (max-width:480px){.page-module__kgM8Ra__inputSection,.page-module__kgM8Ra__resultSection{padding:20px}.page-module__kgM8Ra__title{flex-direction:column;gap:8px}.page-module__kgM8Ra__titleIcon{font-size:2rem}}