*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6B4E71;--primary-dark: #4A3650;--primary-light: #8B6E91;--accent: #D4A574;--bg: #F5F3F0;--card-bg: #FFFFFF;--text: #2D2D2D;--text-light: #6B6B6B;--border: #E0DDD9;--success: #5C946E;--shadow: rgba(107, 78, 113, .1)}[data-theme=dark]{--primary: #9B7EA1;--primary-dark: #7A5E80;--primary-light: #B89EBE;--accent: #E4B584;--bg: #1A1A1A;--card-bg: #252525;--text: #E5E5E5;--text-light: #A0A0A0;--border: #3A3A3A;--success: #6CA47E;--shadow: rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--card-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px var(--shadow);transition:background-color .3s ease,border-color .3s ease}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary);cursor:pointer;transition:color .3s ease}.logo svg{width:32px;height:32px}.search-bar{flex:1;max-width:400px;margin:0 2rem;position:relative}.search-bar input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border:1px solid var(--border);border-radius:20px;font-size:.9rem;transition:all .2s;background:var(--card-bg);color:var(--text);transition:border-color .2s,background-color .3s ease}.publishers-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.publisher-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);transition:all .2s;display:flex;flex-direction:column}.publisher-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow)}.publisher-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.publisher-card-title{flex:1}.publisher-card h3{color:var(--primary);font-size:1.1rem;margin-bottom:.25rem}.publisher-card-location{font-size:.85rem;color:var(--text-light);display:flex;align-items:center;gap:.25rem}.publisher-card-location svg{width:14px;height:14px}.open-badge{background:var(--success);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.closed-badge{background:var(--text-light);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.publisher-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0;padding:1rem;background:var(--bg);border-radius:8px;transition:background-color .3s ease}.publisher-stat{text-align:center}.publisher-stat-value{font-weight:600;color:var(--primary);font-size:1rem}.publisher-stat-label{font-size:.75rem;color:var(--text-light);margin-top:.25rem}.publisher-card-info{margin:1rem 0;flex:1}.info-item{display:flex;align-items:start;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;color:var(--text)}.info-item svg{width:16px;height:16px;margin-top:.2rem;flex-shrink:0;color:var(--primary)}.publisher-card-footer{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-small{flex:1;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-small.primary{background:var(--primary);color:#fff}.btn-small.primary:hover{background:var(--primary-dark)}.btn-small.secondary{background:var(--bg);color:var(--primary);border:1px solid var(--border)}.btn-small.secondary:hover{border-color:var(--primary)}.matches-container{grid-column:1 / -1;display:flex;flex-direction:column;gap:1.5rem}.match-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);display:flex;gap:1.5rem;transition:background-color .3s ease,box-shadow .3s ease}.match-score-indicator{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.match-score-indicator.high{background:linear-gradient(135deg,var(--success) 0%,#4a7c59 100%);color:#fff}.match-score-indicator.medium{background:linear-gradient(135deg,var(--accent) 0%,#c09563 100%);color:#fff}.match-score-indicator.low{background:linear-gradient(135deg,var(--text-light) 0%,#5a5a5a 100%);color:#fff}.match-reasons{background:var(--bg);border-radius:8px;padding:1rem;margin-top:1rem;transition:background-color .3s ease}.match-reasons h4{font-size:.9rem;color:var(--text);margin-bottom:.75rem}.match-reasons ul{list-style:none}.match-reasons li{padding:.5rem 0;color:var(--text-light);font-size:.85rem;display:flex;align-items:start;gap:.5rem}.match-reasons li:before{content:"✓";color:var(--success);font-weight:700;flex-shrink:0}.profile-page{grid-column:1 / -1}.profile-header{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);margin-bottom:2rem;transition:background-color .3s ease,box-shadow .3s ease}.profile-cover{height:200px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.profile-main{padding:2rem;margin-top:-80px}.profile-top{display:flex;gap:2rem;align-items:start}.profile-avatar-large{width:150px;height:150px;border-radius:50%;border:5px solid var(--card-bg);flex-shrink:0}.profile-details{flex:1;padding-top:80px}.profile-details h1{color:var(--text);margin-bottom:.5rem}.profile-meta{display:flex;gap:2rem;margin-top:1rem;flex-wrap:wrap}.profile-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem}.profile-meta-item svg{width:16px;height:16px}.profile-actions{display:flex;gap:1rem;margin-top:1.5rem}.profile-content{display:grid;grid-template-columns:300px 1fr;gap:2rem}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.info-section{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.info-section h3{font-size:1rem;margin-bottom:1rem;color:var(--text)}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text);font-size:.9rem}.info-value{color:var(--text-light);font-size:.9rem}.profile-main-content{display:flex;flex-direction:column;gap:1.5rem}.user-menu-container{position:relative}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 24px var(--shadow);min-width:250px;z-index:1000;overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease}.user-dropdown-header{display:flex;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border)}.user-dropdown-header img{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-dropdown-name{font-weight:600;color:var(--text)}.user-dropdown-email{font-size:.85rem;color:var(--text-light)}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:var(--text);font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.user-dropdown-item:hover{background:var(--bg)}.user-dropdown-item svg{width:18px;height:18px;color:var(--text-light)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:2rem}.login-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.login-left{color:#fff}.login-brand{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.login-brand svg{width:48px;height:48px}.login-brand h1{font-size:2.5rem;margin:0}.login-left h2{font-size:2rem;margin-bottom:1rem}.login-subtitle{font-size:1.1rem;opacity:.9;margin-bottom:3rem;line-height:1.6}.login-features{display:flex;flex-direction:column;gap:2rem}.login-feature{display:flex;gap:1rem;align-items:start}.login-feature svg{width:32px;height:32px;flex-shrink:0;margin-top:.25rem}.login-feature h3{margin:0 0 .5rem;font-size:1.1rem}.login-feature p{margin:0;opacity:.8;line-height:1.5}.login-right{display:flex;flex-direction:column;gap:2rem}.login-card{background:var(--card-bg);border-radius:16px;padding:3rem;box-shadow:0 20px 60px #0000004d;text-align:center;transition:background-color .3s ease}.login-card h2{color:var(--text);margin-bottom:.5rem}.login-card>p{color:var(--text-light);margin-bottom:2rem}.google-signin-container{display:flex;justify-content:center;margin:2rem 0}.login-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0;color:var(--text-light)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-demo{width:100%;padding:.75rem 1.5rem;background:var(--bg);color:var(--primary);border:2px solid var(--primary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-demo:hover{background:var(--primary);color:#fff}.login-terms{margin-top:2rem;font-size:.85rem;color:var(--text-light)}.login-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;color:#fff}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--text-light);font-size:.9rem}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-light)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.main-container{grid-template-columns:1fr}.sidebar,.right-sidebar{display:none}.publishers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.profile-content{grid-template-columns:1fr}.login-container{grid-template-columns:1fr;max-width:500px}.login-left{display:none}}@media (max-width: 768px){.header-content{padding:1rem}.search-bar{display:none}.nav-items{gap:.5rem}.nav-item span{display:none}.main-container{padding:0 1rem;margin:1rem auto}.publishers-grid{grid-template-columns:1fr}.profile-top{flex-direction:column;text-align:center}.profile-details{padding-top:0}}} .search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6b4e711a}.search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-light)}.nav-items{display:flex;gap:1.5rem;align-items:center}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--text-light);font-size:.75rem;padding:.5rem;border-radius:8px;transition:all .2s;cursor:pointer;background:none;border:none}.nav-item:hover{background:var(--bg);color:var(--primary)}.nav-item.active{color:var(--primary);font-weight:600}.nav-item svg{width:24px;height:24px}.theme-toggle{position:relative}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(20deg)}.main-container{max-width:1200px;margin:2rem auto;padding:0 2rem;display:grid;grid-template-columns:250px 1fr 300px;gap:1.5rem;flex:1}.sidebar{display:flex;flex-direction:column;gap:1rem}.profile-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.profile-banner{height:60px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.profile-info{padding:1rem;text-align:center;margin-top:-30px}.profile-avatar{width:60px;height:60px;border-radius:50%;border:3px solid var(--card-bg);margin:0 auto;display:block}.profile-name{margin-top:.5rem;font-weight:600;color:var(--text)}.profile-bio{font-size:.85rem;color:var(--text-light);margin-top:.25rem}.profile-stats{display:flex;justify-content:space-around;padding:1rem;border-top:1px solid var(--border);margin-top:1rem}.stat{text-align:center}.stat-value{font-weight:600;color:var(--primary);font-size:1.1rem}.stat-label{font-size:.75rem;color:var(--text-light)}.quick-links{background:var(--card-bg);border-radius:12px;padding:1rem;box-shadow:0 2px 8px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.quick-links h3{font-size:.9rem;margin-bottom:.75rem;color:var(--text)}.quick-link{display:flex;align-items:center;gap:.5rem;padding:.5rem;color:var(--text-light);font-size:.85rem;border-radius:6px;transition:all .2s;cursor:pointer;background:none;border:none;width:100%;text-align:left}.quick-link:hover{background:var(--bg);color:var(--primary)}.quick-link svg{width:16px;height:16px}.feed{display:flex;flex-direction:column;gap:1rem}.post-composer{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.post-composer-input{display:flex;gap:1rem;margin-bottom:1rem}.post-composer-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.post-composer textarea{flex:1;border:1px solid var(--border);border-radius:8px;padding:.75rem;font-family:inherit;font-size:.9rem;resize:none;min-height:80px;background:var(--card-bg);color:var(--text);transition:border-color .2s,background-color .3s ease}.post-composer textarea:focus{outline:none;border-color:var(--primary)}.post-composer-actions{display:flex;justify-content:space-between;align-items:center}.post-composer-buttons{display:flex;gap:.5rem}.icon-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-light);border-radius:6px;transition:all .2s}.icon-btn:hover{background:var(--bg);color:var(--primary)}.icon-btn svg{width:20px;height:20px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.post{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.post-header{display:flex;gap:1rem;margin-bottom:1rem}.post-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.post-author-info{flex:1}.post-author-name{font-weight:600;color:var(--text)}.post-author-meta{font-size:.85rem;color:var(--text-light)}.post-content{margin-bottom:1rem;line-height:1.6;color:var(--text)}.post-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.post-action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:var(--text-light);cursor:pointer;border-radius:6px;font-size:.9rem;transition:all .2s}.post-action:hover{background:var(--bg);color:var(--primary)}.post-action svg{width:18px;height:18px}.right-sidebar{display:flex;flex-direction:column;gap:1rem}.widget{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.widget h3{font-size:1rem;margin-bottom:1rem;color:var(--text)}.featured-publisher{display:flex;flex-direction:column;gap:.75rem}.publisher-name{font-weight:600;color:var(--primary)}.publisher-meta{font-size:.85rem;color:var(--text-light);display:flex;align-items:center;gap:.5rem}.publisher-meta svg{width:14px;height:14px}.publisher-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background:var(--bg);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:var(--text);transition:background-color .3s ease}.tag.primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--bg);color:var(--primary);border:1px solid var(--primary);padding:.6rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem;width:100%}.btn-secondary:hover{background:var(--primary);color:#fff}.publishers-header{grid-column:1 / -1;background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:1rem;transition:background-color .3s ease,box-shadow .3s ease}.publishers-header h1{color:var(--primary);margin-bottom:.5rem}.publishers-header p{color:var(--text-light)}.filter-bar{grid-column:1 / -1;background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);display:flex;gap:1rem;flex-wrap:wrap;transition:background-color .3s ease,box-shadow .3s ease}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.filter-group select,.filter-group input{width:100%;padding:.6rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;background:var(--card-bg);color:var(--text)}