:root{--primary: #6119efab;--primary-dark: #5014d0;--secondary: #10b981;--background: #060818;--card-bg: rgba(30, 33, 45, .6);--text: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .08);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--app-bg: #14161f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text);background-color:var(--app-bg);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;background:var(--app-bg);overflow:hidden}.app:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle at 20% 10%,rgba(97,25,239,.1),transparent 30%),radial-gradient(circle at 80% 30%,rgba(16,185,129,.08),transparent 25%);z-index:0;pointer-events:none}.app-content{position:relative;z-index:1;width:100%;max-width:550px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.app-header{margin-bottom:2rem;text-align:center}.header-container{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.title-container{display:flex;flex-direction:column;align-items:center}.eth-logo,.linea-logo{width:50px;height:50px;display:flex;align-items:center;justify-content:end;margin-right:4px}.linea-logo{justify-content:start}.eth-logo img,.linea-logo img{width:50%;height:50%;object-fit:contain}.linea-logo{border-radius:50%;padding:4px}.app-title{display:flex;align-items:center;font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(90deg,#6c24e0,#61dfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.app-subtitle{font-size:1.2rem;font-weight:400;margin:4px 0 0;color:var(--text);display:flex;align-items:center}.app-description{font-size:1rem;color:var(--text-secondary);margin:.5rem 0 1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.app-title-h2{font-size:1.55rem;font-weight:700;color:var(--text);margin-bottom:.5rem;background:linear-gradient(90deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(59,130,246,.3)}.app-main{width:100%;max-width:600px;margin:0 auto;flex:1 0 auto}.app-footer{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-top:2rem;padding:1rem 0}.app-footer a{color:var(--text);text-decoration:none;transition:color .2s}.app-footer a:hover{color:var(--primary)}.github-link,.ipfs-link{margin-left:8px;display:inline-flex;vertical-align:middle;position:relative;top:-1px}.github-icon,.ipfs-icon{opacity:.6;transition:opacity .2s}.github-icon:hover,.ipfs-icon:hover{opacity:1}.card{background-color:var(--card-bg);border-radius:16px;box-shadow:0 8px 25px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;padding:1.5rem;border:1px solid var(--border)}.card:hover{box-shadow:0 12px 40px #0000004d}.wallet-details{margin-top:1.5rem}.wallet-details p{margin:.5rem 0;font-size:.9rem;color:var(--text-secondary)}.wallet-details strong{color:var(--text)}.instructions{margin-top:1.5rem;color:var(--text-secondary);text-align:center;padding:1rem;border:1px dashed var(--border);border-radius:8px;font-style:italic}.bridge-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);min-height:300px;width:100%}.bridge-actions h2{font-size:1.25rem;margin-bottom:1rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.section-title{font-size:1.3rem;font-weight:500;margin:.5rem 0 1.5rem;color:var(--text)}.input-container{position:relative;margin-bottom:1rem;width:100%}.token-display{position:absolute;right:12px;bottom:10px;display:flex;align-items:center;gap:8px;background-color:#1e212dcc;padding:5px 10px;border-radius:8px;z-index:2}.token-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:relative}.token-icon img{width:100%;height:100%;object-fit:contain;display:block}.linea-icon{position:absolute;bottom:-4px;right:-6px;width:14px;height:14px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 3px #0003}.linea-icon img{width:100%;height:100%;object-fit:contain}.token-name{font-size:.9rem;font-weight:500;color:var(--text)}.eth-input,.address-input{width:100%;padding:1rem 1.2rem;background-color:#1e212d80;border:1px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text);transition:border-color .2s,box-shadow .2s}.eth-input{padding-right:100px}.eth-input:focus,.address-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6119ef33}.eth-input::placeholder,.address-input::placeholder{color:var(--text-secondary)}.action-button{padding:.9rem;border-radius:12px;border:none;color:#fff;font-weight:600;cursor:pointer;width:100%;font-size:1rem;transition:transform .1s,opacity .2s}.action-button:hover:not(:disabled){transform:translateY(-1px)}.action-button:active:not(:disabled){transform:translateY(1px)}.action-button:disabled{opacity:.7;cursor:default}.gradient-button{background:linear-gradient(90deg,#6c24e0,#61dfff)}.gradient-button.reverse{background:linear-gradient(90deg,#61dfff,#6c24e0)}.feedback{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-weight:500;color:var(--text);background:#10b9811a;border-left:4px solid var(--success)}.feedback.error{background:#ef44441a;border-left:4px solid var(--error)}.status-section{margin-top:1rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid var(--border);min-height:120px}.status-section h3{font-size:1rem;margin-bottom:.5rem}.status-section p{font-size:.85rem;margin-bottom:.5rem;word-break:break-all}.status-loading{width:16px;height:16px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.status-complete{width:18px;height:18px;background-color:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.status-pending{width:18px;height:18px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.status-error{padding:.75rem;background:#ef44441a;border-radius:8px;border-left:4px solid var(--error);font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{position:relative}@media (max-width: 640px){.app-header{margin-bottom:0}.app-content{padding:1.5rem 1rem}.app-title{font-size:1.75rem}.card{padding:1rem}}