*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f4f0;color:#1a1714;font-family:Nunito,system-ui,sans-serif;font-size:15px;line-height:1.6}a{text-decoration:none;color:inherit}.navbar{background:#fff;border-bottom:2px solid #2d6a4f;position:sticky;top:0;z-index:200;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:24px}.navbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.logo-icon{font-size:28px}.logo-title{font-family:Merriweather,serif;font-size:18px;color:#2d6a4f;font-weight:900;line-height:1.1}.logo-sub{font-size:10px;color:#8a8278;font-weight:600;letter-spacing:.3px}.navbar-links{display:flex;gap:4px;flex:1;justify-content:center;margin-left:0}.nav-link{padding:7px 14px;border-radius:8px;font-size:14px;font-weight:600;color:#4a4540;transition:all .15s}.nav-link:hover{background:#f5f4f0;color:#2d6a4f}.nav-link.active{background:#d8f3dc;color:#2d6a4f}.navbar-right{margin-left:auto}.auth-buttons{display:flex;gap:8px}.btn-signin{padding:7px 18px;border-radius:8px;border:1.5px solid #ccc5b8;background:transparent;font-size:14px;font-weight:600;cursor:pointer;color:#4a4540;font-family:Nunito,system-ui,sans-serif;transition:all .15s}.btn-signin:hover{border-color:#2d6a4f;color:#2d6a4f}.btn-signup{padding:7px 18px;border-radius:8px;border:none;background:#2d6a4f;color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Nunito,system-ui,sans-serif;transition:opacity .15s}.btn-signup:hover{opacity:.88}.user-menu{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:8px;background:none;border:1.5px solid #e2ddd5;border-radius:10px;padding:5px 12px 5px 6px;cursor:pointer;font-family:Nunito,system-ui,sans-serif;transition:border-color .15s}.user-avatar-btn:hover{border-color:#2d6a4f}.user-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2d6a4f,#0d7377);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}.user-avatar.sm{width:26px;height:26px;font-size:10px;border-radius:6px;flex-shrink:0}.user-name-short{font-size:14px;font-weight:600;color:#1a1714}.dropdown-arrow{font-size:11px;color:#8a8278}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1.5px solid #e2ddd5;border-radius:12px;box-shadow:0 10px 30px #0000001a;min-width:220px;overflow:hidden;z-index:300}.dropdown-header{padding:14px 16px;border-bottom:1px solid #e2ddd5;display:flex;flex-direction:column;gap:2px}.dropdown-header strong{font-size:14px;color:#1a1714}.dropdown-header span{font-size:12px;color:#8a8278}.dropdown-item{display:block;padding:10px 16px;font-size:14px;font-weight:500;color:#4a4540;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:Nunito,system-ui,sans-serif;transition:background .1s;text-decoration:none}.dropdown-item:hover{background:#f5f4f0;color:#2d6a4f}.dropdown-item.logout{color:#be123c}.dropdown-item.logout:hover{background:#ffe4e6}.dropdown-divider{height:1px;background:#e2ddd5}.container{max-width:1200px;margin:0 auto;padding:0 24px}.page-wrapper{padding:40px 0 80px}.page-header{margin-bottom:32px}.page-header h1{font-family:Merriweather,serif;font-size:28px;color:#1a1714;margin-bottom:6px}.page-header p{color:#8a8278;font-size:15px}.hero{background:linear-gradient(160deg,#f0faf4,#e8f5ff,#fdf8f0);border-bottom:1px solid #e2ddd5;padding:64px 24px 48px}.hero-content{max-width:640px;margin:0 auto;text-align:center}.hero-badge{display:inline-block;background:#d8f3dc;color:#2d6a4f;border:1px solid #a7d7b8;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:20px}.hero h1{font-family:Merriweather,serif;font-size:42px;font-weight:900;color:#1a1714;line-height:1.25;margin-bottom:16px}.hero-highlight{color:#2d6a4f;position:relative}.hero p{color:#4a4540;font-size:16px;line-height:1.75;margin-bottom:28px}.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary{background:#2d6a4f;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:Nunito,system-ui,sans-serif;transition:opacity .15s,transform .15s;display:inline-block}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#1a1714;border:1.5px solid #ccc5b8;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:Nunito,system-ui,sans-serif;display:inline-block;transition:border-color .15s}.btn-secondary:hover{border-color:#2d6a4f;color:#2d6a4f}.hero-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:48px;max-width:700px;margin-left:auto;margin-right:auto}.stat-card{background:#fff;border:1px solid #e2ddd5;border-radius:12px;padding:20px 28px;text-align:center;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d;min-width:120px}.stat-icon{font-size:24px;margin-bottom:6px}.stat-number{font-family:Merriweather,serif;font-size:26px;font-weight:900;color:#2d6a4f}.stat-label{font-size:12px;color:#8a8278;font-weight:600;margin-top:2px}.info-section{padding:64px 0;background:#fff;border-bottom:1px solid #e2ddd5}.section-title{font-family:Merriweather,serif;font-size:22px;color:#1a1714;margin-bottom:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.see-all-link{font-size:14px;font-weight:700;color:#2d6a4f}.see-all-link:hover{text-decoration:underline}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.feature-card{background:#f5f4f0;border:1px solid #e2ddd5;border-radius:12px;padding:24px;transition:box-shadow .2s}.feature-card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000d}.feature-icon{font-size:32px;margin-bottom:12px}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:8px;color:#1a1714}.feature-card p{font-size:13px;color:#4a4540;line-height:1.65}.projects-section{padding:56px 0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.project-card{background:#fff;border:1.5px solid #e2ddd5;border-radius:12px;padding:20px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.project-card:hover{border-color:#52b788;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000d;transform:translateY(-2px)}.card-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.2px;border:1px solid transparent}.badge-cse{background:#ede9fe;color:#5b21b6;border-color:#c4b5fd}.badge-eee{background:#dbeafe;color:#1b4f8a;border-color:#bfdbfe}.badge-bba{background:#d8f3dc;color:#2d6a4f;border-color:#a7d7b8}.badge-eng{background:#fde8d0;color:#c05621;border-color:#f6c89a}.badge-law{background:#fef3c7;color:#b45309;border-color:#fcd97d}.badge-arch{background:#fce7f3;color:#be185d;border-color:#f9a8d4}.badge-sem{background:#fef3c7;color:#b45309;border-color:#fcd97d}.badge-ai{background:#fdf4ff;color:#86198f;border-color:#e879f9}.badge-web{background:#dbeafe;color:#1b4f8a;border-color:#93c5fd}.badge-iot{background:#ecfdf5;color:#065f46;border-color:#6ee7b7}.badge-app{background:#fde8d0;color:#c05621;border-color:#fca47a}.badge-research{background:#fef3c7;color:#b45309;border-color:#fcd97d}.card-title{font-size:16px;font-weight:700;color:#1a1714;margin-bottom:6px;line-height:1.35}.card-desc{font-size:13px;color:#4a4540;margin-bottom:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-student{display:flex;align-items:center;gap:8px;margin-bottom:12px}.student-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2d6a4f,#0d7377);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0}.student-name{font-size:13px;font-weight:600;color:#1a1714}.student-id{font-size:11px;color:#8a8278}.group-badge{margin-left:auto;font-size:11px;background:#dbeafe;color:#1b4f8a;padding:2px 8px;border-radius:6px;font-weight:600}.tech-stack{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.tech-tag{background:#f5f4f0;color:#4a4540;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid #e2ddd5}.card-actions{display:flex;gap:6px;align-items:center}.action-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:Nunito,system-ui,sans-serif;transition:all .15s;display:inline-block;text-decoration:none}.btn-details{background:#2d6a4f;color:#fff}.btn-details:hover{opacity:.88}.btn-ghost{background:transparent;color:#4a4540;border:1px solid #e2ddd5}.btn-ghost:hover{border-color:#2d6a4f;color:#2d6a4f}.like-btn{margin-left:auto;background:transparent;border:1px solid #e2ddd5;color:#8a8278;padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;font-family:Nunito,system-ui,sans-serif;display:flex;align-items:center;gap:4px;transition:all .15s;font-weight:600}.like-btn.liked{border-color:#be123c;color:#be123c;background:#ffe4e6}.like-btn:hover:not(.liked){border-color:#4a4540}.cta-section{padding:56px 0;background:#fff;border-top:1px solid #e2ddd5}.cta-box{background:linear-gradient(135deg,#d8f3dc,#dbeafe);border:1px solid #a7d7b8;border-radius:16px;padding:48px;text-align:center}.cta-box h2{font-family:Merriweather,serif;font-size:26px;margin-bottom:10px;color:#1a1714}.cta-box p{color:#4a4540;margin-bottom:24px}.footer{padding:20px 0;text-align:center;border-top:1px solid #e2ddd5}.footer p{color:#8a8278;font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:#fff;border-radius:16px;padding:36px;width:100%;max-width:440px;position:relative;box-shadow:0 10px 30px #0000001a;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:14px;right:14px;background:#f5f4f0;border:none;border-radius:6px;width:30px;height:30px;cursor:pointer;font-size:13px;color:#4a4540}.modal-logo{font-family:Merriweather,serif;font-size:20px;color:#2d6a4f;font-weight:900;margin-bottom:2px}.modal-subtitle{font-size:12px;color:#8a8278;margin-bottom:20px}.modal-tabs{display:flex;gap:0;border:1.5px solid #e2ddd5;border-radius:10px;overflow:hidden;margin-bottom:20px}.tab{flex:1;padding:9px;background:none;border:none;font-size:14px;font-weight:600;cursor:pointer;font-family:Nunito,system-ui,sans-serif;color:#4a4540;transition:all .15s}.tab.active{background:#2d6a4f;color:#fff}.form-error{background:#ffe4e6;border:1px solid #fecdd3;color:#be123c;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}.auth-form{display:flex;flex-direction:column;gap:6px}.auth-form label{font-size:13px;font-weight:700;color:#1a1714;margin-top:8px}.auth-form input,.auth-form select{width:100%;padding:10px 14px;border:1.5px solid #e2ddd5;border-radius:9px;font-size:14px;font-family:Nunito,system-ui,sans-serif;color:#1a1714;background:#fff;transition:border-color .15s;outline:none}.auth-form input:focus{border-color:#2d6a4f}.auth-form select:focus{border-color:#2d6a4f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-form-submit{margin-top:16px;background:#2d6a4f;color:#fff;border:none;padding:12px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:Nunito,system-ui,sans-serif;width:100%;transition:opacity .15s}.btn-form-submit:hover{opacity:.88}.form-switch{font-size:13px;color:#8a8278;text-align:center}.form-switch span{color:#2d6a4f;font-weight:700;cursor:pointer}.form-switch span:hover{text-decoration:underline}.search-bar{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e2ddd5;border-radius:12px;padding:10px 16px;margin-bottom:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d;transition:border-color .15s}.search-bar:focus-within{border-color:#2d6a4f}.search-icon{font-size:16px;flex-shrink:0}.search-bar input{flex:1;border:none;outline:none;font-size:15px;font-family:Nunito,system-ui,sans-serif;color:#1a1714;background:transparent}.search-clear{background:none;border:none;cursor:pointer;color:#8a8278;font-size:14px}.filters-row{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.filter-group label{font-size:12px;font-weight:700;color:#8a8278;margin-bottom:6px;display:block}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:5px 14px;border-radius:20px;border:1.5px solid #e2ddd5;background:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:Nunito,system-ui,sans-serif;color:#4a4540;transition:all .15s}.pill:hover{border-color:#2d6a4f;color:#2d6a4f}.pill.active{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.filter-right{display:flex;gap:10px;margin-left:auto}.filter-right select{padding:7px 12px;border:1.5px solid #e2ddd5;border-radius:9px;font-size:13px;font-family:Nunito,system-ui,sans-serif;color:#1a1714;background:#fff;cursor:pointer}.result-count{font-size:13px;color:#8a8278;margin-bottom:20px;display:flex;align-items:center;gap:12px}.clear-all{background:none;border:none;color:#be123c;font-size:13px;font-weight:600;cursor:pointer;font-family:Nunito,system-ui,sans-serif}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:52px;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:700;margin-bottom:8px;color:#1a1714}.empty-state p{color:#8a8278;margin-bottom:20px}.back-btn{background:none;border:1.5px solid #e2ddd5;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;color:#4a4540;cursor:pointer;font-family:Nunito,system-ui,sans-serif;margin-bottom:28px;transition:all .15s}.back-btn:hover{border-color:#2d6a4f;color:#2d6a4f}.detail-layout{display:grid;grid-template-columns:1fr 300px;gap:32px}.detail-title{font-family:Merriweather,serif;font-size:26px;color:#1a1714;margin-bottom:12px;line-height:1.3}.detail-desc{color:#4a4540;font-size:15px;line-height:1.75;margin-bottom:8px}.detail-section{margin-top:28px}.detail-section h3{font-size:15px;font-weight:700;color:#1a1714;margin-bottom:12px}.tech-tag-lg{display:inline-flex;align-items:center;background:#f5f4f0;color:#4a4540;padding:5px 12px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #e2ddd5;margin:3px}.detail-links{display:flex;gap:10px;flex-wrap:wrap}.link-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;display:inline-block;transition:opacity .15s}.link-github{background:#24292e;color:#fff}.link-live{background:#2d6a4f;color:#fff}.link-video{background:red;color:#fff}.link-btn:hover{opacity:.85}.like-btn-lg{background:#fff;border:1.5px solid #e2ddd5;color:#4a4540;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:Nunito,system-ui,sans-serif;transition:all .15s}.like-btn-lg.liked{border-color:#be123c;color:#be123c;background:#ffe4e6}.sidebar-card{background:#fff;border:1.5px solid #e2ddd5;border-radius:12px;padding:20px;margin-bottom:16px}.sidebar-card h3{font-size:14px;font-weight:700;color:#1a1714;margin-bottom:14px}.team-member{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:500}.info-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #e2ddd5;font-size:13px}.info-row:last-child{border-bottom:none}.info-row span{color:#8a8278}.info-row strong{color:#1a1714}.profile-header{display:flex;gap:24px;align-items:flex-start;background:#fff;border:1.5px solid #e2ddd5;border-radius:16px;padding:32px;margin-bottom:24px}.profile-avatar-lg{width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg,#2d6a4f,#0d7377);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff;flex-shrink:0}.profile-info h1{font-family:Merriweather,serif;font-size:22px;margin-bottom:8px}.profile-meta{display:flex;gap:16px;flex-wrap:wrap}.profile-meta span{font-size:13px;color:#8a8278}.profile-univ{color:#2d6a4f!important;font-weight:600}.profile-stats{display:flex;gap:16px;margin-bottom:32px}.pstat{background:#fff;border:1.5px solid #e2ddd5;border-radius:12px;padding:20px 28px;text-align:center;flex:1}.pstat-number{font-family:Merriweather,serif;font-size:28px;font-weight:900;color:#2d6a4f}.pstat-label{font-size:12px;color:#8a8278;font-weight:600;margin-top:2px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.dstat-card{border-radius:12px;padding:24px;border:1.5px solid}.dstat-card.green{background:#d8f3dc;border-color:#a7d7b8}.dstat-card.blue{background:#dbeafe;border-color:#93c5fd}.dstat-card.orange{background:#fde8d0;border-color:#fca47a}.dstat-card.purple{background:#ede9fe;border-color:#c4b5fd}.dstat-icon{font-size:28px;margin-bottom:8px}.dstat-number{font-family:Merriweather,serif;font-size:32px;font-weight:900;color:#1a1714}.dstat-label{font-size:13px;color:#4a4540;font-weight:600}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.qa-btn{padding:10px 20px;border:1.5px solid #e2ddd5;border-radius:10px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:Nunito,system-ui,sans-serif;color:#4a4540;transition:all .15s}.qa-btn:hover{border-color:#2d6a4f;color:#2d6a4f;background:#d8f3dc}.dashboard-project-list{display:flex;flex-direction:column;gap:8px}.dash-project-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #e2ddd5;border-radius:10px;cursor:pointer;transition:border-color .15s}.dash-project-row:hover{border-color:#2d6a4f}.dash-project-info{display:flex;flex-direction:column;gap:3px}.dash-project-info strong{font-size:14px}.dash-project-info span{font-size:12px;color:#8a8278}.dash-project-likes{font-size:13px;font-weight:600;color:#be123c}.muted{color:#8a8278;font-size:14px}.link-btn-text{background:none;border:none;color:#2d6a4f;font-weight:600;cursor:pointer;font-size:14px;font-family:Nunito,system-ui,sans-serif}.upload-form{display:flex;flex-direction:column;gap:0}.form-section{background:#fff;border:1.5px solid #e2ddd5;border-radius:12px;padding:24px;margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.form-section h3{font-size:16px;font-weight:700;color:#1a1714;margin-bottom:12px}.form-section label{font-size:13px;font-weight:700;color:#1a1714;margin-top:10px}.form-section input,.form-section select{width:100%;padding:10px 14px;border:1.5px solid #e2ddd5;border-radius:9px;font-size:14px;font-family:Nunito,system-ui,sans-serif;color:#1a1714;background:#fff;outline:none;transition:border-color .15s}.form-section textarea{width:100%;padding:10px 14px;border:1.5px solid #e2ddd5;border-radius:9px;font-size:14px;font-family:Nunito,system-ui,sans-serif;color:#1a1714;background:#fff;outline:none;transition:border-color .15s;resize:vertical}.form-section input:focus{border-color:#2d6a4f}.form-section select:focus{border-color:#2d6a4f}.form-section textarea:focus{border-color:#2d6a4f}.tag-input-row{display:flex;gap:8px}.tag-input-row input{flex:1}.add-tag-btn{padding:10px 16px;background:#2d6a4f;color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;font-family:Nunito,system-ui,sans-serif;flex-shrink:0}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hint{font-size:12px;color:#8a8278}.delete-project-btn{position:absolute;top:12px;right:12px;background:#fff;border:1.5px solid #e2ddd5;border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10}.delete-project-btn:hover{background:#ffe4e6;border-color:#be123c}.member-input-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:4px}.member-list{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.member-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f5f4f0;border:1px solid #e2ddd5;border-radius:10px}.member-info{display:flex;flex-direction:column;flex:1}.member-name{font-size:13px;font-weight:600;color:#1a1714}.member-id{font-size:11px;color:#8a8278}.remove-member-btn{background:none;border:none;color:#8a8278;cursor:pointer;font-size:13px;padding:2px 6px;border-radius:4px;transition:all .15s}.remove-member-btn:hover{background:#ffe4e6;color:#be123c}.desktop-only{display:flex}.mobile-only{display:none}.hamburger{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;background:none;border:1.5px solid #e2ddd5;border-radius:8px;cursor:pointer;flex-shrink:0}.ham-line{display:block;width:18px;height:2px;background:#4a4540;border-radius:2px}.mobile-menu{background:#fff;border-top:1px solid #e2ddd5;padding:8px 0 16px;box-shadow:0 6px 16px #00000014}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:14px 20px}.mobile-divider{height:1px;background:#e2ddd5;margin:4px 0}.mobile-link{display:block;padding:11px 20px;font-size:15px;font-weight:600;color:#4a4540;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;font-family:Nunito,system-ui,sans-serif;width:100%;transition:background .15s}.mobile-link:hover{background:#f5f4f0;color:#2d6a4f}.mobile-logout{color:#be123c}.mobile-logout:hover{background:#ffe4e6;color:#be123c}.mobile-auth-panel{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.mobile-auth-label{font-size:13px;color:#8a8278;font-weight:600;margin-bottom:2px}.btn-signin-full{background:transparent;border:none;color:#2d6a4f;font-size:13px;font-weight:700;cursor:pointer;font-family:Nunito,system-ui,sans-serif;text-align:center;padding:4px}.btn-signin-full:hover{text-decoration:underline}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299}@media (max-width: 1024px){.features-grid,.cards-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr 260px;gap:20px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.navbar-inner{padding:0 16px;height:60px}.navbar-links{margin-left:8px;gap:2px}.nav-link{padding:6px 10px;font-size:13px}.container{padding:0 16px}.page-wrapper{padding:28px 0 64px}.hero{padding:36px 16px 32px}.hero-content{max-width:100%}.hero h1{font-size:38px;line-height:1.25}.hero p{font-size:15px;line-height:1.7}.hero-buttons{flex-direction:column;align-items:stretch;gap:10px}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{text-align:center;padding:13px 20px}.hero-stats{gap:10px;margin-top:36px;padding-top:36px;flex-wrap:wrap;justify-content:center}.stat-card{min-width:calc(50% - 8px);flex:1;padding:16px 12px}.stat-number{font-size:22px}.stat-label{font-size:11px}.stat-icon{font-size:20px}.info-section{padding:44px 0}.features-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{padding:18px 14px}.feature-icon{font-size:26px}.feature-card h3{font-size:14px}.feature-card p{font-size:12px}.projects-section{padding:36px 0}.cards-grid{grid-template-columns:1fr;gap:14px}.section-header{margin-bottom:18px}.cta-section{padding:44px 0}.cta-box{padding:32px 20px}.cta-box h2{font-size:22px}.cta-box p{font-size:14px}.search-bar{padding:9px 14px}.filters-row{gap:12px}.filter-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-pills::-webkit-scrollbar{display:none}.pill{white-space:nowrap;flex-shrink:0}.page-header h1{font-size:22px}.page-header p{font-size:14px}.detail-layout{grid-template-columns:1fr}.detail-title{font-size:22px}.detail-links{flex-direction:column}.link-btn{text-align:center}.back-btn{margin-bottom:18px}.profile-header{flex-direction:column;align-items:center;text-align:center;padding:24px 16px}.profile-meta{justify-content:center;flex-wrap:wrap;gap:6px}.profile-stats{flex-direction:row;flex-wrap:wrap;gap:10px}.pstat{flex:1;min-width:80px;padding:14px 10px}.profile-avatar-lg{width:64px;height:64px;font-size:22px}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:10px}.dstat-card{padding:18px 14px}.dstat-number{font-size:26px}.quick-actions{flex-direction:column}.qa-btn{width:100%}.form-section{padding:18px 14px}.form-row{grid-template-columns:1fr}.member-input-row{grid-template-columns:1fr;gap:8px}.add-tag-btn{width:100%}.modal-box{padding:24px 18px;margin:12px}.footer{padding:16px 0}.footer p{font-size:12px;padding:0 16px}}@media (max-width: 400px){.hero h1{font-size:24px}.hero-badge{font-size:11px;padding:5px 12px}.logo-sub{display:none}.features-grid{grid-template-columns:1fr}.stat-card{min-width:calc(50% - 6px)}.dashboard-stats{grid-template-columns:1fr}}
