@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a1a;--bg-secondary: #111128;--bg-card: rgba(25, 25, 55, .6);--bg-card-hover: rgba(35, 35, 75, .7);--border-card: rgba(99, 102, 241, .15);--border-card-hover: rgba(99, 102, 241, .35);--text-primary: #e8e8f0;--text-secondary: #9898b8;--text-muted: #6868a0;--accent-start: #6366f1;--accent-end: #a855f7;--accent-pink: #ec4899;--success: #34d399;--error: hsl(0, 91%, 71%);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 0 0 1px var(--border-card);--shadow-card-hover: 0 8px 40px rgba(99, 102, 241, .15), 0 0 0 1px var(--border-card-hover);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1);--page-px: clamp(1rem, 3vw, 2rem);--section-gap: clamp(1.5rem, 3vw, 2.5rem);--card-px: clamp(1rem, 2.5vw, 2rem);--card-py: clamp(1rem, 2vw, 1.5rem)}:root[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(240, 242, 245, 1);--border-card: rgba(99, 102, 241, .2);--border-card-hover: rgba(99, 102, 241, .5);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent-start: #4f46e5;--accent-end: #9333ea;--accent-pink: #db2777;--success: #059669;--error: #ef4444;--shadow-card: 0 4px 12px rgba(0, 0, 0, .05), 0 0 0 1px var(--border-card);--shadow-card-hover: 0 8px 24px rgba(99, 102, 241, .1), 0 0 0 1px var(--border-card-hover)}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;scrollbar-color:var(--text-secondary) transparent;scrollbar-width:thin}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top,0);padding-bottom:calc(70px + env(safe-area-inset-bottom,0))}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:all var(--transition-fast);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;border:none}.btn-primary:hover{opacity:.9;box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-card);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-card-hover)}.btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.btn-danger:hover{background:#ef444433}.btn-secondary.small,.btn-primary.small{padding:.5rem 1rem;font-size:.9rem;border-radius:var(--radius-sm)}.external-link-btn,.back-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:all var(--transition-fast);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;text-decoration:none}.external-link-btn:active,.back-btn:active{transform:scale(.98)}.external-link-btn{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;border:none;margin-top:.5rem}.external-link-btn:hover{opacity:.9;box-shadow:0 4px 12px #6366f14d}.nav-card{display:flex;flex-direction:column}.nav-card h3,p{margin:0}.back-btn{background:#ffffff0d;border:1px solid var(--border-card);color:var(--text-primary);margin-bottom:1rem}.back-btn:hover{background:#ffffff1a;border-color:var(--border-card-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.25;font-weight:700;margin-bottom:.75rem;letter-spacing:-.01em}h1{font-size:clamp(2rem,5vw,2.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.015em}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{line-height:1.7;color:var(--text-secondary);margin-bottom:1rem}p:last-child{margin-top:1rem}.gradient-text{background:linear-gradient(135deg,var(--accent-start),var(--accent-end),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.8rem var(--page-px);padding-top:max(.8rem,env(safe-area-inset-top,.8rem));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-card)}.navbar-left{display:flex;align-items:center;justify-content:flex-start}.navbar-center{display:flex;align-items:center;justify-content:center}.navbar-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.navbar-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:clamp(1rem,2.5vw,1.2rem);letter-spacing:-.02em;transition:opacity var(--transition-fast);white-space:nowrap}.navbar-brand:hover{opacity:.85}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{background:none;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-auth{display:flex;align-items:center;gap:.75rem}.profile-icon-btn{background:none;border:none;padding:4px;border-radius:50%;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.profile-icon-btn:hover{transform:scale(1.05)}.profile-initial{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;box-shadow:0 0 10px #6366f14d}@media(max-width:768px){.nav-links,.nav-auth,.profile-icon-btn{display:none!important}.navbar{grid-template-columns:1fr;justify-content:center;padding:1.2rem var(--page-px)}.navbar-center,.navbar-right{display:none}}.hero{position:relative;padding:clamp(2.5rem,6vw,5rem) var(--page-px) clamp(1.5rem,4vw,3rem);text-align:center}.hero-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:min(700px,100vw);height:min(700px,100vw);background:radial-gradient(circle,rgba(99,102,241,.12) 0%,rgba(168,85,247,.06) 40%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;max-width:680px;margin:0 auto}.hero-title{font-size:clamp(1.6rem,5vw,3.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:.75rem}.hero-subtitle{font-size:clamp(.9rem,2vw,1.15rem);color:var(--text-secondary);margin-bottom:clamp(1.5rem,4vw,2.5rem);font-weight:400}.small-icon{width:12px;height:12px}.search-bar{width:100%;max-width:640px;margin:0 auto}.search-inputs{display:flex;gap:12px;padding:.4rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-fast)}.search-inputs:focus-within{border-color:var(--accent-start)}.input-group{flex:1;display:flex;align-items:center;gap:.5rem;padding:.8rem;border-radius:var(--radius-md);background:#a855f71a;transition:background var(--transition-fast);min-width:0}.input-group:focus-within{background:#ffffff0f}.input-group label{display:flex;color:var(--text-muted);flex-shrink:0}.input-group input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:clamp(.85rem,2vw,.95rem);font-family:inherit;min-width:0}.input-group input::placeholder{color:var(--text-muted)}.search-btn{padding:.8rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f166}.search-btn:disabled{opacity:.6}.results-section{padding:var(--section-gap) var(--page-px);max-width:1400px;margin:0 auto}.search-page-layout{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:900px){.search-page-layout{grid-template-columns:280px 1fr}}.results-content{min-width:0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.results-header h2{font-size:clamp(.95rem,2vw,1.1rem);font-weight:500;color:var(--text-secondary)}.results-grid{display:flex;flex-direction:column;gap:1rem}.job-card{display:flex;align-items:flex-start;gap:clamp(.6rem,2vw,.85rem);padding:clamp(.75rem,2vw,1rem);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all var(--transition-smooth);outline:none}.job-card:hover,.job-card:focus-visible{background:var(--bg-card-hover);border-color:var(--border-card-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.job-card-logo{width:clamp(50px,10vw,78px);align-self:stretch;height:clamp(50px,10vw,78px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;position:relative;background-color:#fff}.job-card-logo img{width:100%;height:100%;object-fit:contain;border-radius:calc(var(--radius-sm) - 2px)}.logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;font-weight:700;font-size:1.2rem;border-radius:calc(var(--radius-sm) - 2px)}.logo-placeholder.large{width:clamp(56px,10vw,72px);height:clamp(56px,10vw,72px);font-size:clamp(1.4rem,3vw,1.8rem);border-radius:var(--radius-md)}.logo-placeholder.hidden{display:none}.job-card-body{flex:1;min-width:0}.job-card-title{font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:600;margin-bottom:.15rem;line-height:1.3;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-card-company{font-size:clamp(.82rem,2vw,.9rem);color:var(--text-secondary);font-weight:500;margin-bottom:.4rem}.job-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin-top:.2rem}.job-meta-item{font-size:clamp(.7rem,1.5vw,.78rem);color:var(--text-muted);font-weight:400;display:flex;align-items:center;gap:.25rem;opacity:.8}.meta-divider{color:var(--text-muted);opacity:.5;font-size:.7rem}.job-card-arrow{color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-fast),color var(--transition-fast)}.job-card:hover .job-card-arrow{color:var(--accent-start);transform:translate(3px)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:clamp(2rem,6vw,4rem) var(--page-px);color:var(--text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--border-card);border-top-color:var(--accent-start);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(3rem,8vw,5rem) var(--page-px);color:var(--text-muted)}.empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);border:1px solid rgba(99,102,241,.1);margin-bottom:1.5rem;color:var(--text-secondary)}.empty-icon svg{width:32px;height:32px;opacity:.8;color:var(--accent-start)}.empty-state h3{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.empty-state p{font-size:.95rem;max-width:400px;margin:0 auto 2rem;color:var(--text-secondary);line-height:1.6}.error-banner{display:flex;align-items:center;gap:.7rem;padding:1rem 1.3rem;background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-md);color:var(--error);margin-bottom:1.5rem;font-size:clamp(.85rem,2vw,.95rem)}.load-more-container{text-align:center;padding:2rem 0}.load-more-btn{padding:.75rem 2.5rem;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);font-weight:500;font-size:.95rem;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem;min-height:48px}.load-more-btn:hover:not(:disabled){border-color:var(--accent-start);box-shadow:0 0 20px #6366f126}.load-more-btn:disabled{opacity:.5}.detail-page{max-width:860px;margin:0 auto;padding:var(--section-gap) var(--page-px)}.back-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all var(--transition-fast);margin-bottom:1.5rem;min-height:44px}.back-btn:hover{border-color:var(--accent-start);color:var(--text-primary)}.detail-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--card-px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-header{display:flex;gap:clamp(.8rem,2.5vw,1.3rem);align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-card)}.detail-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center}.detail-logo img{width:clamp(56px,10vw,72px);height:clamp(56px,10vw,72px);object-fit:contain;background:#fff;border-radius:var(--radius-md)}.detail-header-info{min-width:0;flex:1}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:1rem}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin:20% auto;width:100%;max-width:400px;box-shadow:0 4px 6px -1px #0000001a}.auth-card h1{text-align:center;margin-bottom:.5rem;font-size:1.5rem}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.auth-form,.profile-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group,.profile-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label,.profile-form label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.auth-form input,.profile-form input{padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .2s}.auth-form input:focus,.profile-form input:focus{outline:none;border-color:var(--accent-start);box-shadow:0 0 0 2px #6366f133}.auth-submit{width:100%;margin-top:1rem}.login-btn{background-color:red}.text-button{background:none;border:none;color:var(--accent-start);font-weight:500;padding:0;display:inline;transition:opacity var(--transition-fast)}.text-button:hover{text-decoration:underline;opacity:.8}.auth-error{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:var(--radius-md);font-size:.875rem;text-align:center;margin-bottom:1.5rem}.auth-link{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-secondary)}.auth-link button{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:500;padding:0;margin-left:.25rem}.auth-link button:hover{text-decoration:underline}.navbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.user-menu-btn{background:none;border:none;cursor:pointer;padding:0;border-radius:50%;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.user-menu-btn:hover{opacity:.8}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;border:2px solid var(--bg-primary);box-shadow:0 2px 8px #0003}.profile-page{padding:2rem 1rem;max-width:600px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;border:3px solid var(--bg-primary);box-shadow:0 4px 12px #0000004d}.profile-info h1{margin:0 0 .25rem;font-size:1.75rem}.profile-info p{margin:0;color:var(--text-secondary);font-size:1rem}.profile-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:clamp(1.2rem,3vw,2rem);margin-bottom:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-of-type{border-bottom:none;margin-bottom:1rem}.detail-row .label{color:var(--text-secondary);font-weight:500}.detail-row .value{font-weight:600;color:var(--text-primary)}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.profile-nav{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.profile-nav-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;color:var(--text-primary);font-weight:500;font-size:1.125rem}.profile-nav-item:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover);transform:translateY(-2px)}.profile-nav-item .icon{margin-right:1rem;color:var(--accent-start);display:flex;align-items:center}.profile-nav-item-content{display:flex;align-items:center}.logout-btn{width:100%;background:#ef44441a!important;color:#ef4444!important;border:none!important}.logout-btn:hover{background:#ef444433!important}.page-container{padding-inline:1rem}.favorite-btn{background:#ffffff0d;border:1px solid var(--border-card);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2}.favorite-btn svg{width:18px;height:18px;transition:transform var(--transition-fast)}.favorite-btn:hover{background:#ffffff1f;color:var(--text-primary);border-color:var(--border-card-hover)}.favorite-btn.active{color:#ec4899;border-color:#ec489966;background:#ec48991a}.favorite-btn.active svg{transform:scale(1.1)}.favorite-btn.large{width:48px;height:48px}.detail-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.job-card-actions{display:flex;align-items:center;justify-content:center;min-width:44px}.job-card-arrow{display:none}.page-header{margin-block:2rem;text-align:center}.badge{margin-left:8px}.page-header h1{margin:.5rem 0;font-size:2rem}.favorite-item-wrapper,.history-item-wrapper{position:relative}.lear{width:fit-content}.remove-history-btn{position:absolute;top:1rem;right:1rem;background:#ef44441a;color:#ef4444;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.detail-header-info h1{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.3rem;line-height:1.3;word-break:break-word}.detail-company{font-size:clamp(.88rem,2vw,1rem);color:var(--text-secondary);margin-bottom:.3rem}.detail-location{font-size:clamp(.82rem,1.8vw,.9rem);color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.detail-meta-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.meta-item{display:inline-flex;align-items:center;gap:.3rem;font-size:clamp(.72rem,1.6vw,.82rem);color:var(--text-muted);padding:.25rem .7rem;background:#6366f10f;border:1px solid rgba(99,102,241,.12);border-radius:var(--radius-xl)}.meta-item svg{color:var(--accent-start);flex-shrink:0}.detail-logo-img{width:clamp(56px,10vw,72px);height:clamp(56px,10vw,72px);object-fit:contain;background:#fff;border-radius:var(--radius-md)}.detail-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}.detail-partner-link{font-size:.92rem;color:var(--text-secondary)}.detail-partner-link a{color:var(--accent-start);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.detail-partner-link a:hover{color:var(--accent-end)}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);font-size:clamp(.72rem,1.6vw,.82rem);color:var(--text-secondary);word-break:break-word}.tag.accent{background:#a855f726;border-color:#a855f74d;color:#c084fc}.detail-section{margin-bottom:var(--section-gap)}.detail-section h2{font-size:clamp(.95rem,2vw,1.08rem);font-weight:600;margin-bottom:.85rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(99,102,241,.08)}.section-icon{display:inline-flex;color:var(--accent-start)}.detail-loading{display:flex;align-items:center;gap:1rem;padding:2rem;justify-content:center;color:var(--text-muted);font-size:.95rem}.detail-rich-content{font-size:clamp(.88rem,2vw,.95rem);color:var(--text-secondary);line-height:1.75;word-break:break-word;overflow-wrap:anywhere}.detail-rich-content p{margin-bottom:.75rem}.detail-rich-content ul,.detail-rich-content ol{padding-left:1.4rem;margin:.5rem 0 .75rem}.detail-rich-content li{margin-bottom:.35rem}.detail-rich-content h1,.detail-rich-content h2,.detail-rich-content h3,.detail-rich-content h4{margin-top:1.8rem;margin-bottom:.6rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,var(--accent-start),var(--accent-end),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-rich-content h1:first-child,.detail-rich-content h2:first-child,.detail-rich-content h3:first-child{margin-top:0}.detail-rich-content h1{font-size:clamp(1.05rem,2.5vw,1.25rem)}.detail-rich-content h2{font-size:clamp(.98rem,2.2vw,1.12rem)}.detail-rich-content h3{font-size:clamp(.92rem,2vw,1.02rem)}.detail-rich-content h4{font-size:clamp(.88rem,1.8vw,.95rem)}.detail-rich-content .detail-tagline{display:inline-block;font-size:1.05em;font-weight:700;color:var(--accent-start)}.detail-rich-content a{color:var(--accent-start);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.detail-rich-content a:hover{color:var(--accent-end)}.detail-rich-content strong,.detail-rich-content b{color:var(--text-primary);font-weight:600}.detail-rich-content br+br{display:block;margin-top:.5rem;content:""}.detail-rich-content table{width:100%;border-collapse:collapse;margin:.75rem 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-rich-content th,.detail-rich-content td{padding:.5rem .75rem;border:1px solid var(--border-card);text-align:left;font-size:clamp(.8rem,1.8vw,.9rem);white-space:nowrap}.detail-rich-content th{background:#ffffff08;color:var(--text-primary);font-weight:600}.skills-container{display:flex;flex-direction:column;gap:1rem}.skill-group{display:flex;flex-direction:column;gap:.5rem}.skill-category{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.company-description{margin-bottom:1rem}.employer-address{margin-top:1rem;padding:.9rem 1.1rem;background:#ffffff05;border:1px solid var(--border-card);border-radius:var(--radius-sm)}.employer-address p{font-size:.95rem;color:var(--text-primary);font-weight:500;margin-top:.25rem}.extra-locations{display:flex;flex-wrap:wrap;gap:.5rem}.extra-section{border-top:1px solid var(--border-card);padding-top:1.5rem}.extra-fields-list{display:flex;flex-direction:column;gap:.65rem}.extra-field-row{display:flex;flex-direction:column;gap:.2rem;padding:.7rem 1rem;background:#ffffff05;border:1px solid var(--border-card);border-radius:var(--radius-sm);overflow:hidden;word-break:break-word}.extra-field-label{font-size:.78rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.extra-field-value{font-size:clamp(.85rem,2vw,.92rem);color:var(--text-primary)}.extra-value{font-weight:500}.extra-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.extra-nested{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;padding-left:.75rem;border-left:2px solid rgba(99,102,241,.15)}.extra-nested-item{font-size:.9rem;color:var(--text-secondary)}.detail-cta{display:flex;gap:2rem;margin-inline:auto;padding-top:1rem;border-top:1px solid var(--border-card);text-align:center}.detail-description{font-size:clamp(.88rem,2vw,.95rem);color:var(--text-secondary);line-height:1.7}.detail-description ul,.detail-description ol{padding-left:1.2rem;margin:.5rem 0}.detail-description li{margin-bottom:.3rem}.detail-description p{margin-bottom:.6rem}.contact-info p{font-size:.95rem;color:var(--text-secondary);margin-bottom:.4rem}.contact-info a{color:var(--accent-start);transition:color var(--transition-fast)}.contact-info a:hover{color:var(--accent-end)}.detail-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:.75rem}.detail-info-item{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1.1rem;background:#ffffff05;border:1px solid var(--border-card);border-radius:var(--radius-sm)}.detail-info-label{font-size:.78rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-info-value{font-size:clamp(.88rem,2vw,.95rem);color:var(--text-primary);font-weight:500;word-break:break-word}.detail-info-value a{color:var(--accent-start);text-decoration:underline;text-underline-offset:2px;word-break:break-all;transition:color var(--transition-fast)}.detail-info-value a:hover{color:var(--accent-end)}.external-link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.8rem;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;font-weight:600;font-size:clamp(.85rem,2vw,.95rem);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:48px;text-align:center;justify-content:center}.external-link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f166}.detail-error{text-align:center;padding:clamp(2rem,6vw,4rem) var(--page-px)}.detail-error h2{margin-bottom:.5rem}.detail-error p{color:var(--text-muted);margin-bottom:1.5rem}.splash-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}@media(max-width:1024px){.results-section,.detail-page{max-width:100%}.detail-info-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.job-card:hover,.job-card:focus-visible{transform:none}}@media(max-width:480px){.navbar-brand svg{width:22px;height:22px}.search-inputs{flex-direction:column;border-radius:var(--radius-md)}.search-btn{width:100%;justify-content:center;padding:.8rem;border-radius:var(--radius-sm);min-height:48px}.job-card-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-card-company{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.job-card-arrow{display:none}.detail-header{flex-direction:column;align-items:flex-start;text-align:left}.detail-header-info h1{font-size:1.15rem}.detail-meta-row{gap:.4rem}.meta-item{font-size:.72rem;padding:.2rem .55rem}.detail-tags{margin-bottom:1.25rem}.detail-info-grid{grid-template-columns:1fr}.extra-field-row{padding:.6rem .8rem}.detail-cta{flex-direction:column;gap:1rem;text-align:left}.external-link-btn{width:100%;padding:.85rem 1rem}.detail-rich-content table{font-size:.8rem}}@media(max-width:360px){:root{--page-px: .75rem}.hero-title{font-size:1.4rem}.hero-subtitle{font-size:.85rem}.input-group{padding:.45rem .6rem}.detail-header{gap:.6rem}.logo-placeholder.large{width:48px;height:48px;font-size:1.2rem}.detail-logo-img{width:48px;height:48px}.tag{font-size:.7rem;padding:.3rem .6rem}}@media(min-width:1440px){.results-section{max-width:1300px}.detail-page{max-width:960px}.detail-info-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.filter-sidebar{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:calc(100vh - 100px);position:sticky;top:80px;z-index:40}.filter-sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border-card);display:flex;justify-content:space-between;align-items:center}.filter-sidebar-header h3{font-size:1.1rem;font-weight:600}.close-filters-btn{background:none;color:var(--text-muted);display:none}.filter-sidebar-content{flex:1;overflow-y:auto;padding:.5rem 0;scrollbar-color:var(--text-secondary) transparent;scrollbar-width:thin}.filter-accordion{border-bottom:1px solid rgba(255,255,255,.05)}.filter-accordion:last-child{border-bottom:none}.filter-accordion-header{width:100%;text-align:left;background:none;color:var(--text-primary);padding:1rem 1.25rem;font-size:.95rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition-fast)}.filter-accordion-header:hover{background:#ffffff05}.filter-accordion-header svg{color:var(--text-muted);transition:transform var(--transition-fast)}.filter-accordion.open .filter-accordion-header svg{transform:rotate(180deg)}.filter-accordion-body{padding:0 1.25rem 1.25rem}.filter-options{display:flex;flex-direction:column;gap:.6rem}.filter-radio,.filter-checkbox{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--text-secondary);cursor:pointer}.filter-radio input,.filter-checkbox input{margin-top:.2rem;accent-color:var(--accent-start)}.filter-radio:hover,.filter-checkbox:hover{color:var(--text-primary)}.filter-subgroup{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.1)}.filter-subgroup-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.6rem}.filter-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.filter-field label{font-size:.85rem;color:var(--text-muted)}.filter-select,.filter-input{width:100%;background:#0003;border:1px solid var(--border-card);color:var(--text-primary);padding:.5rem;border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;outline:none}.filter-select:focus,.filter-input:focus{border-color:var(--accent-start)}.filter-hint{font-size:.8rem;color:var(--text-muted);margin-top:-.5rem}.filter-sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-card);display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.filter-apply-btn{width:100%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:600;border:none;display:none;text-align:center;transition:opacity var(--transition-fast),transform var(--transition-fast)}.filter-apply-btn:active{transform:scale(.98)}.filter-reset-btn{width:100%;background:#ffffff0d;border:1px solid var(--border-card);color:var(--text-secondary);border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:600;transition:all var(--transition-fast);text-align:center}.filter-reset-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:var(--border-card-hover)}.filter-backdrop{display:none}.toggle-filters-btn{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);padding:.6rem 1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;margin-bottom:1.5rem;cursor:pointer}.toggle-filters-btn:hover{background:var(--bg-card-hover)}@media(min-width:900px){.toggle-filters-btn{display:none}}@media(max-width:899px){.filter-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-smooth)}.filter-backdrop.open{opacity:1;pointer-events:auto}.filter-sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:340px;background:var(--bg-primary);background-image:linear-gradient(to bottom right,#0a0a1afa,#111128fa);border-left:1px solid var(--border-card);box-shadow:-10px 0 40px #00000080;z-index:1001;transform:translate(100%);transition:transform var(--transition-smooth);display:flex;flex-direction:column;max-height:100vh}.filter-sidebar.open{transform:translate(0)}.close-filters-btn,.filter-apply-btn{display:block}}.active-filters-container{margin-top:.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.active-filters-list{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{display:inline-flex;align-items:center;gap:.4rem;background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:20rem;color:var(--text-primary);padding:.4rem .8rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-chip svg{color:var(--text-muted);transition:color var(--transition-fast)}.filter-chip:hover{background:#a855f726;border-color:#a855f74d}.filter-chip:hover svg{color:var(--text-primary)}.filter-clear-all{background:none;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-decoration:underline;text-underline-offset:2px;cursor:pointer;align-self:flex-start;padding:0;transition:color var(--transition-fast)}.filter-clear-all:hover{color:var(--text-primary)}.profile-template-page{padding:env(safe-area-inset-top) 1.5rem 6rem;background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);font-family:inherit;margin-top:2rem}.profile-top-area{display:flex;justify-content:center;align-items:center;padding:1rem 0 2rem}.profile-nav-title{font-size:1rem;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.profile-info-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.profile-avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));box-shadow:0 4px 12px #6366f14d;flex-shrink:0;display:flex;justify-content:center;align-items:center;font-size:3rem;font-weight:700;color:wihtesmoke}.profile-info-text{display:flex;flex-direction:column;justify-content:center}.profile-name-text{font-size:1.5rem;font-weight:700;margin:0 0 .2rem;letter-spacing:-.02em}.profile-email-text{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem}.edit-profile-btn{align-self:flex-start;background:#ffffff0d;border:1px solid var(--border-card);color:var(--text-primary);padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.edit-profile-btn:hover{background:#ffffff1a}.profile-stats-row{display:flex;gap:1rem;margin-bottom:2.5rem}.stat-box{flex:1;background:#ffffff08;border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.2rem;display:flex;flex-direction:column;align-items:flex-start}.stat-number{font-size:1.5rem;font-weight:700;margin-bottom:.3rem;color:var(--accent-start)}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.profile-user-infos{display:flex;flex-direction:column;gap:1rem}.user-infos-title{font-size:1.1rem;font-weight:600}.info-row{display:flex;align-items:center;gap:1rem;padding:.8rem;border-radius:var(--radius-md);border:1px solid var(--border-card)}.info-icon{width:40px;height:40px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--accent-start);flex-shrink:0}.info-label{flex:1;font-size:.95rem;color:var(--text-primary);font-weight:500}.theme-toggle-switch-native{width:44px;height:24px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;position:relative;transition:all var(--transition-fast)}.theme-toggle-knob-native{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all var(--transition-fast)}.theme-toggle-knob-native.active{left:calc(100% - 20px);background:var(--accent-start)}.profile-logout-container{display:flex;justify-content:center;margin-top:1rem}.logout-pill{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:.8rem 2.5rem;border-radius:30px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.logout-pill:hover{background:#ef444426}.profile-edit-mode{background:#ffffff05;border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:1.5rem}.edit-profile-form{display:flex;flex-direction:column;gap:.5rem}.info-row.edit{border-bottom:1px solid rgba(255,255,255,.05);padding:.5rem}.edit-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;padding:.5rem 0}.edit-input::placeholder{color:var(--text-muted)}.edit-actions-row{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem}.edit-actions-row button{flex:1}.glass-notification-container{position:fixed;top:4rem;left:0;width:100%;padding:0 1.25rem;z-index:10000;pointer-events:none;display:flex;justify-content:center;transform:translateY(-20px);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-notification-container.visible{transform:translateY(0);opacity:1}.glass-notification{width:100%;max-width:450px;display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.1);pointer-events:auto;position:relative}.glass-notification.success{background:#22c55e26;border-color:#22c55e40}.glass-notification.success .notification-icon{color:#22c55e}.glass-notification.success .notification-title{color:#166534}:root[data-theme=dark] .glass-notification.success .notification-title{color:#4ade80}.glass-notification.error{background:#ef444426;border-color:#ef444440}.glass-notification.error .notification-icon{color:#ef4444}.glass-notification.error .notification-title{color:#991b1b}:root[data-theme=dark] .glass-notification.error .notification-title{color:#f87171}.glass-notification.warning{background:#f59e0b26;border-color:#f59e0b40}.glass-notification.warning .notification-icon{color:#f59e0b}.glass-notification.warning .notification-title{color:#92400e}:root[data-theme=dark] .glass-notification.warning .notification-title{color:#fbbf24}.glass-notification.info{background:#3b82f626;border-color:#3b82f640}.glass-notification.info .notification-icon{color:#3b82f6}.glass-notification.info .notification-title{color:#1e40af}:root[data-theme=dark] .glass-notification.info .notification-title{color:#60a5fa}.notification-left{display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon{width:24px;height:24px;filter:drop-shadow(0 0 8px currentColor)}.notification-center{flex:1;display:flex;flex-direction:column;justify-content:center}.notification-title{font-weight:700;font-size:1.05rem;line-height:1.2}.notification-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.4}.notification-dismiss{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.notification-dismiss:hover{background:#ffffff1a;color:var(--text-primary)}.confirm-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.confirm-overlay.visible{opacity:1;pointer-events:auto}.confirm-modal{background:var(--bg-card);width:100%;max-width:400px;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-card);box-shadow:0 20px 40px #0006;transform:scale(.95);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.confirm-overlay.visible .confirm-modal{transform:scale(1)}.confirm-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text-primary)}.confirm-message{color:var(--text-muted);text-align:center;line-height:1.6;margin-bottom:2rem}.confirm-actions{display:flex;gap:1rem}.confirm-actions button{flex:1;padding:.875rem;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.confirm-btn-cancel{background:transparent;border:1px solid var(--border-card);color:var(--text-secondary)}.confirm-btn-cancel:hover{background:#ffffff0d;border-color:var(--text-muted)}.confirm-btn-ok{background:#3b82f6;border:none;color:#fff}.confirm-btn-ok:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-primary);display:flex;justify-content:center;align-items:center;z-index:10000;animation:splashFadeIn .8s ease-out forwards}.splash-content{display:flex;flex-direction:column;align-items:center}.splash-logo-container{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.splash-logo{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(99,102,241,.3))}.splash-title{font-size:1.4rem;font-weight:800;margin:0}@keyframes splashFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-primary);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loader-circle{width:48px;height:48px;border:4px solid rgba(168,85,247,.1);border-top:4px solid var(--accent-start);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 15px #a855f733}.loading-text{font-size:1rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-primary);border-top:1px solid var(--border-card);display:flex;justify-content:space-around;align-items:center;padding:.5rem 0 env(safe-area-inset-bottom,0);z-index:1000;box-shadow:0 -4px 12px #00000026;height:60px;box-sizing:content-box}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:.75rem;font-weight:500;width:100%;height:100%;transition:color .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bottom-nav-icon{width:24px;height:24px;stroke-width:2;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.15)}@media(min-width:768px){.bottom-nav{display:none}}.auth-gateway-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px);padding:2rem;background:linear-gradient(145deg,var(--bg-primary) 0%,#15152c 100%)}.gateway-content{text-align:center;max-width:400px;width:100%}.gateway-logo{width:96px;height:96px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #6366f166}.gateway-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#fff}.gateway-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2.5rem;line-height:1.5}.gateway-actions{display:flex;flex-direction:column;gap:1rem}.gateway-actions .btn-primary,.gateway-actions .btn-secondary{width:100%;padding:1rem;font-size:1.05rem;border-radius:var(--radius-lg)}.gateway-actions .btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.mobile-native-auth{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);padding:0}.back-btn-native{width:40px;height:40px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:#fff}.mobile-native-auth .auth-card{flex:1;background:transparent;box-shadow:none;border:none;padding:1rem 1.5rem 3rem;display:flex;flex-direction:column}.auth-brand-icon{margin-bottom:2rem;display:flex;justify-content:flex-start}.brand-circle{width:60px;height:60px;background:var(--bg-card);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.mobile-native-auth h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#fff}.input-with-icon{display:flex;align-items:center;gap:.5rem;position:relative;background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem}.input-icon{color:var(--text-muted)}.input-with-icon input,select{width:100%;height:100%;border:none;outline:none;color:#fff;background-color:transparent;font-size:1rem;transition:all var(--transition-fast)}.input-with-icon:has(input:focus){border:1px var(--border-card-hover) solid}.otp-container{display:flex;justify-content:space-between;max-width:100%;height:5rem;gap:1rem}.otp-input{width:100%;font-size:2rem;font-weight:700;text-align:center}.password-toggle-btn{position:absolute;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-options{display:flex;justify-content:end;align-items:center;margin-bottom:1.5rem}.filter-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--text-primary)}.filter-checkbox-label input[type=checkbox]{width:.5rem;height:.5rem;accent-color:var(--accent-start)}.text-button{color:var(--accent-start);text-decoration:none;font-weight:500}.mobile-native-auth .btn-primary.auth-submit{width:100%;padding:1rem;border-radius:var(--radius-xl);font-size:1.05rem;margin-top:1rem;box-shadow:0 8px 20px #6366f14d}.auth-forgot-password{text-align:center;margin-top:1.5rem}.auth-separator{display:flex;align-items:center;margin:2.5rem 0;color:var(--text-muted);font-size:.9rem}.auth-separator:before,.auth-separator:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-separator span{padding:0 1rem;font-weight:500}.social-auth-buttons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem}.social-btn{width:60px;height:60px;border-radius:50%;background:var(--bg-card);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.social-btn:active{transform:scale(.95);background:var(--bg-card-hover)}.auth-footer-link{text-align:center;margin-top:auto;color:var(--text-secondary)}.profile-page{padding-bottom:2rem}.profile-top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.profile-top-header h2{font-size:1.75rem;font-weight:700;margin:0}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;text-align:center}.profile-avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;box-shadow:0 10px 25px #6366f14d;border:4px solid var(--bg-primary)}.profile-avatar-section h3{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.profile-email{color:var(--text-secondary);font-size:.95rem}.profile-menu{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.05)}.profile-menu-item{display:flex;align-items:center;gap:8px;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s}.profile-menu-item:active{background:#ffffff05}.profile-menu-item:last-child{border-bottom:none}.profile-cta-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.profile-menu-cta{background-color:var(--bg-secondary);color:var(--accent-start);padding:.6rem 1rem;border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center;gap:.5rem}.profile-menu-cta.logout{background-color:#270202;color:var(--error)}.menu-item-icon{width:40px;height:40px;border-radius:10px;background:#6366f11a;color:var(--accent-start);display:flex;align-items:center;justify-content:center;margin-right:1rem}.menu-item-content{flex:1;display:flex;flex-direction:column}.menu-item-label{font-size:1rem;font-weight:500;color:var(--text-primary)}.menu-item-value{font-size:.85rem;color:var(--text-secondary);margin-top:.2rem}.menu-item-arrow{color:var(--text-muted)}.profile-menu-item.logout .menu-item-icon{background:#f871711a;color:var(--error)}.profile-menu-item.logout .menu-item-label{color:var(--error)}.profile-form.auth-form{background:var(--bg-card);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.profile-form .form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.stack{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.stack button{width:100%;padding:1rem;border-radius:var(--radius-lg)}.auth-page{display:flex;flex-direction:column;min-height:calc(100vh - 70px);background:var(--bg-primary);padding:1rem;margin-top:4rem}.auth-header{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.brand-sparkle{align-self:flex-end;margin-bottom:1.5rem;color:var(--text-primary)}.auth-main-title{font-size:2.25rem;font-weight:800;text-align:center;color:var(--text-primary);letter-spacing:-.02em}.auth-card{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column}.slider-entered{display:flex;flex-direction:column;gap:1rem}.segmented-control{display:flex;background:var(--bg-secondary);border-radius:999px;padding:.35rem;margin-bottom:2.5rem;border:1px solid var(--border-card)}.segmented-btn{flex:1;padding:.75rem;text-align:center;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--text-secondary);background:transparent;transition:all var(--transition-fast)}.segmented-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 4px 12px #0000000d}:root[data-theme=dark] .segmented-btn.active{box-shadow:0 4px 12px #0000004d}.clean-form .form-group.clean{display:flex;flex-direction:column;margin-bottom:1.5rem;position:relative}.clean-form .form-group.clean label{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;padding-left:.25rem}.clean-form .form-group.clean input{width:100%;padding:1rem 1.25rem;border:1px solid var(--border-card);border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.clean-form .form-group.clean input:focus{border-color:var(--accent-start);box-shadow:0 0 0 4px #6366f11a}.clean-form .form-group.clean input::placeholder{color:var(--text-muted);font-weight:400}.input-with-eye{position:relative;display:flex;align-items:center;width:100%}.input-with-eye input{padding-right:3.5rem!important}.eye-btn{position:absolute;right:1.25rem;background:transparent;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.eye-btn:hover{color:var(--text-primary)}.forgot-password-link-wrapper{display:flex;justify-content:flex-end;margin-top:.75rem;padding-right:.25rem}.link-button-clean{background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;text-decoration:none;font-weight:500}.link-button-clean:hover{text-decoration:underline;color:var(--text-primary)}.black-btn{background:var(--text-primary)!important;color:var(--bg-primary)!important;box-shadow:0 4px 15px #0000001a!important;border-radius:var(--radius-md)!important;padding:1rem!important;font-size:1.05rem!important;font-weight:600!important;width:100%;margin-top:.5rem;display:flex;justify-content:center;align-items:center}:root[data-theme=dark] .black-btn{box-shadow:0 4px 15px #ffffff0d!important}.black-btn:hover{opacity:.9!important;transform:translateY(-1px)!important}.social-login-container{margin-top:3rem;display:flex;flex-direction:column;align-items:center}.social-sign-in-text{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.social-circles-row{display:flex;gap:1.5rem;justify-content:center}.social-circle{border-radius:1rem;width:100%;padding:1rem;border:1px solid var(--border-card);background:transparent;display:flex;align-items:center;justify-content:space-evenly;cursor:pointer;color:var(--text-secondary);font-size:.9rem;transition:all var(--transition-fast)}.social-circle:hover{background:var(--bg-secondary);transform:translateY(-2px);border-color:var(--border-card-hover)}