/* ==========================================
   Idea2Founder v5.3.0
   Main Stylesheet
   Dream. Dare. Build.
========================================== */

/* Reset */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#07131F;
    color:#ffffff;
    overflow-x:hidden;
    line-height:1.6;
}

/* Container */

.container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

/* ======================
      NAVIGATION
====================== */

.navbar{

    position:fixed;

    top:0;

    width:100%;

    z-index:1000;

    background:rgba(5,12,22,.65);

    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(255,255,255,.08);

}

.navbar .container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 0;

}

.brand{

    display:flex;

    align-items:center;

    text-decoration:none;

    color:white;

    font-size:24px;

    font-weight:700;

}

.brand img{

    width:52px;

    margin-right:12px;

}

nav{

    display:flex;

    gap:28px;

}

nav a{

    color:white;

    text-decoration:none;

    font-size:16px;

    transition:.3s;

}

nav a:hover{

    color:#5DD7FF;

}

.actions{

    display:flex;

    gap:15px;

}

.login{

    color:white;

    text-decoration:none;

    padding:10px 20px;

}

.signup{

    text-decoration:none;

    background:#0F4CFF;

    color:white;

    padding:10px 22px;

    border-radius:40px;

    transition:.3s;

}

.signup:hover{

    background:#6C3BFF;

}

/* ======================
         HERO
====================== */

.hero{

    position:relative;

    height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    overflow:hidden;

}

.hero-image{

    position:absolute;

    width:100%;

    height:100%;

    object-fit:cover;

}

.hero-overlay{

    position:absolute;

    width:100%;

    height:100%;

    background:linear-gradient(
    135deg,
    rgba(7,19,31,.90),
    rgba(15,76,255,.55),
    rgba(108,59,255,.45));

}

.hero-content{

    position:relative;

    z-index:10;

    max-width:900px;

    padding:20px;

}

.hero h1{
    font-size:72px;
    font-weight:800;
    line-height:1.1;
    letter-spacing:-2px;
    margin-top:25px;
    margin-bottom:20px;
}

.hero h1 span{
    color:#4F8CFF;
}

.hero p{
    margin-top:20px;
    font-size:22px;
    line-height:1.8;
    color:#DCE7FF;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
}
.buttons{

    margin-top:45px;

    display:flex;

    justify-content:center;

    gap:20px;

}

.primary-btn,
.secondary-btn{

    text-decoration:none;

    padding:16px 34px;

    border-radius:50px;

    font-weight:600;

    transition:.3s;

}

.primary-btn{

    background:#0F4CFF;

    color:white;

}

.secondary-btn{

    border:2px solid white;

    color:white;

}

.primary-btn:hover,
.secondary-btn:hover{

    transform:translateY(-4px);

}
/* ==========================================
   IDEA2FOUNDER v3.1
   Navigation
========================================== */

.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:rgba(15,25,45,.85);
    backdrop-filter:blur(12px);
    z-index:1000;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.navbar .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:80px;
}

.brand{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
}

.brand img{
    width:48px;
    height:48px;
}

.brand span{
    color:#ffffff;
    font-size:24px;
    font-weight:700;
}

.nav-links{
    display:flex;
    gap:28px;
}

.nav-links a{
    color:#ffffff;
    text-decoration:none;
    font-weight:500;
    transition:.3s;
}

.nav-links a:hover,
.nav-links a.active{
    color:#4F8CFF;
}

.actions{
    display:flex;
    gap:15px;
}

.login{
    color:#ffffff;
    text-decoration:none;
    font-weight:600;
}

.signup{
    background:#0F4CFF;
    color:#ffffff;
    padding:12px 22px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.signup:hover{
    transform:translateY(-2px);
}
/* ==========================================
   Statistics Section
========================================== */

.stats{
    padding:100px 0;
    background:#0B1728;
}

.stats .container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.card{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:35px 20px;
    text-align:center;
    transition:.35s;
}

.card:hover{
    transform:translateY(-8px);
    background:rgba(15,76,255,.15);
}

.card h2{
    font-size:42px;
    color:#4F8CFF;
    margin-bottom:10px;
}

.card p{
    color:#D7E3FF;
    font-size:17px;
}

/* ==========================================
   Featured Ideas
========================================== */

.featured{
    padding:100px 0;
    background:#07131F;
}

.featured h2{
    text-align:center;
    font-size:42px;
    margin-bottom:15px;
}

.section-subtitle{
    text-align:center;
    color:#B8C7E6;
    margin-bottom:50px;
}

.idea-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.idea-card{
    background:rgba(255,255,255,.05);
    border-radius:20px;
    padding:30px;
    border:1px solid rgba(255,255,255,.08);
    transition:.35s;
}

.idea-card:hover{
    transform:translateY(-10px);
    border-color:#4F8CFF;
}

.idea-card h3{
    color:#4F8CFF;
    margin-bottom:15px;
    font-size:24px;
}

.idea-card p{
    color:#D7E3FF;
    line-height:1.7;
}
/* ==========================================
   How It Works
========================================== */

.how-it-works{
    padding:100px 0;
    background:#0B1728;
}

.how-it-works h2,
.why-us h2,
.success-stories h2,
.cta h2{
    text-align:center;
    font-size:42px;
    margin-bottom:20px;
}

.steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-top:50px;
}

.step-card{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:30px;
    text-align:center;
    transition:.3s;
}

.step-card:hover{
    transform:translateY(-10px);
    border-color:#4F8CFF;
}

.step-card h3{
    color:#4F8CFF;
    font-size:36px;
    margin-bottom:10px;
}

.step-card h4{
    margin-bottom:15px;
    font-size:22px;
}

.step-card p{
    color:#D7E3FF;
}

/* ==========================================
   Why Choose Us
========================================== */

.why-us{
    padding:100px 0;
    background:#07131F;
}

.features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.feature-box{
    background:rgba(255,255,255,.05);
    border-radius:20px;
    padding:30px;
    border:1px solid rgba(255,255,255,.08);
    transition:.3s;
}

.feature-box:hover{
    transform:translateY(-10px);
    border-color:#4F8CFF;
}

.feature-box h3{
    margin-bottom:15px;
    color:#4F8CFF;
}

.feature-box p{
    color:#D7E3FF;
}
/* ==========================================
   Success Stories
========================================== */

.success-stories{
    padding:100px 0;
    background:#0B1728;
}

.story-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.story-card{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:30px;
    transition:.3s;
}

.story-card:hover{
    transform:translateY(-10px);
    border-color:#4F8CFF;
}

.story-card h3{
    color:#4F8CFF;
    margin-bottom:15px;
}

.story-card p{
    color:#D7E3FF;
    line-height:1.7;
}

/* ==========================================
   Call To Action
========================================== */

.cta{
    padding:100px 20px;
    text-align:center;
    background:linear-gradient(135deg,#0F4CFF,#6C3BFF);
}

.cta h2{
    color:#fff;
    margin-bottom:20px;
}

.cta p{
    max-width:700px;
    margin:0 auto 35px;
    color:#fff;
    font-size:18px;
}

/* ==========================================
   Footer
========================================== */

.footer{
    background:#050C16;
    padding:70px 0 20px;
}

.footer .container{
    display:grid;
    grid-template-columns:2fr 1fr 2fr;
    gap:40px;
}

.footer-logo img{
    width:70px;
    margin-bottom:15px;
}

.footer-logo h2{
    margin-bottom:10px;
}

.footer-logo p,
.footer-contact p{
    color:#B8C7E6;
}

.footer-links ul{
    list-style:none;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:#ffffff;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:#4F8CFF;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:50px;
    padding-top:20px;
    text-align:center;
    color:#B8C7E6;
}
/* ===========================
   Premium Navbar v4.0
=========================== */

.navbar{
    position:sticky;
    top:0;
    z-index:1000;
    width:100%;
    background:rgba(8,15,35,.75);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:.3s ease;
}

.navbar .container{
    max-width:1280px;
    margin:0 auto;
    padding:18px 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.brand{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:#fff;
    font-size:24px;
    font-weight:700;
}

.brand img{
    width:42px;
    height:42px;
}

.nav-links{
    display:flex;
    align-items:center;
    gap:30px;
}

.nav-links a{
    text-decoration:none;
    color:#E5ECFF;
    font-size:16px;
    font-weight:500;
    transition:.3s;
}

.nav-links a:hover,
.nav-links a.active{
    color:#4F8CFF;
}

.actions{
    display:flex;
    gap:15px;
}

.actions a{
    text-decoration:none;
    padding:12px 22px;
    border-radius:12px;
    font-weight:600;
    transition:.3s;
}

.actions a:first-child{
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
}

.actions a:last-child{
    background:#4F8CFF;
    color:#fff;
}

.actions a:hover{
    transform:translateY(-2px);
}
/* ===========================
   Premium Login UI v4.0
=========================== */

.login-section{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:80px 20px;
    background:linear-gradient(135deg,#07131F,#0F4CFF,#6C3BFF);
}

.login-card{
    width:100%;
    max-width:460px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    padding:45px;
    text-align:center;
    box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.login-logo{
    width:80px;
    margin-bottom:20px;
}

.login-card h1{
    font-size:36px;
    color:#fff;
    margin-bottom:10px;
}

.login-card p{
    color:#DCE7FF;
    margin-bottom:30px;
}

.login-card form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.login-card input[type="email"],
.login-card input[type="password"]{
    width:100%;
    padding:16px;
    border:none;
    border-radius:14px;
    outline:none;
    font-size:16px;
}

.login-options{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:14px;
    color:#fff;
}

.login-options a{
    color:#4F8CFF;
    text-decoration:none;
}

.login-btn{
    width:100%;
    padding:16px;
    border:none;
    border-radius:14px;
    background:#4F8CFF;
    color:#fff;
    font-size:17px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.login-btn:hover{
    transform:translateY(-2px);
}

.signup-link{
    margin-top:25px;
}

.signup-link a{
    color:#4F8CFF;
    text-decoration:none;
    font-weight:600;
}

/* ==========================================
   Dashboard v4.2.0
========================================== */

.dashboard{

    padding:120px 0 80px;

    background:#07131F;

    min-height:100vh;

}

.dashboard-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:40px;

}

.dashboard-title h1{

    font-size:42px;

    color:#ffffff;

}

.dashboard-title p{

    color:#B8C7E6;

    margin-top:10px;

}

.dashboard-grid{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:30px;

}

.sidebar{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:25px;

}

.sidebar a{

    display:block;

    padding:15px;

    margin-bottom:10px;

    color:#ffffff;

    text-decoration:none;

    border-radius:12px;

    transition:.3s;

}

.sidebar a:hover{

    background:#0F4CFF;

}

.dashboard-content{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.dashboard-card{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:30px;

    transition:.3s;

}

.dashboard-card:hover{

    transform:translateY(-8px);

    border-color:#4F8CFF;

}

.dashboard-card h2{

    color:#4F8CFF;

    margin-bottom:15px;

}

.dashboard-card p{

    color:#D7E3FF;

}

/* ==========================================
   Profile v4.2.0
========================================== */

.profile{

    padding:120px 0 80px;

    background:#0B1728;

}

.profile-container{

    max-width:1200px;

    margin:auto;

    display:grid;

    grid-template-columns:320px 1fr;

    gap:35px;

}

.profile-sidebar{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:30px;

    text-align:center;

}

.profile-avatar{

    width:140px;

    height:140px;

    border-radius:50%;

    object-fit:cover;

    margin:0 auto 20px;

    border:5px solid #4F8CFF;

}

.profile-sidebar h2{

    color:#ffffff;

    margin-bottom:10px;

}

.profile-sidebar p{

    color:#B8C7E6;

}

.profile-info{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:35px;

}

.profile-info h3{

    color:#4F8CFF;

    margin-bottom:25px;

}

.profile-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}

.profile-item{

    background:rgba(255,255,255,.04);

    padding:20px;

    border-radius:14px;

}

.profile-item span{

    display:block;

    color:#9DB5E8;

    font-size:14px;

    margin-bottom:8px;

}

.profile-item strong{

    color:#ffffff;

    font-size:17px;

}

/* ==========================================
   Submit Idea v4.2.0
========================================== */

.submit-idea{

    padding:120px 0 80px;

    background:#07131F;

}

.submit-container{

    max-width:900px;

    margin:auto;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    padding:40px;

}

.submit-container h2{

    color:#ffffff;

    text-align:center;

    margin-bottom:15px;

}

.submit-container p{

    color:#B8C7E6;

    text-align:center;

    margin-bottom:35px;

}

.submit-form{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.submit-form label{

    color:#ffffff;

    font-weight:600;

}

.submit-form input,
.submit-form textarea,
.submit-form select{

    width:100%;

    padding:16px;

    background:rgba(255,255,255,.08);

    color:#ffffff;

    border:1px solid rgba(255,255,255,.12);

    border-radius:12px;

    outline:none;

}

.submit-form textarea{

    min-height:180px;

    resize:vertical;

}

.submit-form input::placeholder,
.submit-form textarea::placeholder{

    color:#AFC3E8;

}

.submit-btn{

    margin-top:15px;

    background:#0F4CFF;

    color:#ffffff;

    border:none;

    padding:16px;

    border-radius:12px;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}

.submit-btn:hover{

    background:#6C3BFF;

    transform:translateY(-3px);

}

/* ==========================================
   Idea Details v4.2.0
========================================== */

.idea-details{

    padding:120px 0 80px;

    background:#0B1728;

}

.idea-container{

    max-width:1200px;

    margin:auto;

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:35px;

}

.idea-content{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    padding:40px;

}

.idea-content h1{

    color:#ffffff;

    font-size:42px;

    margin-bottom:20px;

}

.idea-content p{

    color:#D7E3FF;

    line-height:1.9;

    margin-bottom:20px;

}

.idea-meta{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:30px;

}

.idea-tag{

    background:#0F4CFF;

    color:#ffffff;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

}

.idea-sidebar{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    padding:30px;

}

.idea-sidebar h3{

    color:#4F8CFF;

    margin-bottom:20px;

}

.idea-sidebar ul{

    list-style:none;

}

.idea-sidebar li{

    color:#D7E3FF;

    padding:12px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.idea-actions{

    display:flex;

    gap:15px;

    margin-top:30px;

}

.idea-btn{

    flex:1;

    text-align:center;

    padding:14px;

    border-radius:12px;

    background:#0F4CFF;

    color:#ffffff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.idea-btn:hover{

    background:#6C3BFF;

    transform:translateY(-3px);

}

/* ==========================================
   Search v4.2.0
========================================== */

.search-section{

    padding:120px 0 80px;

    background:#07131F;

}

.search-box{

    max-width:800px;

    margin:0 auto 50px;

    display:flex;

    gap:15px;

}

.search-box input{

    flex:1;

    padding:18px 22px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.12);

    border-radius:14px;

    color:#ffffff;

    outline:none;

    font-size:16px;

}

.search-box input::placeholder{

    color:#AFC3E8;

}

.search-btn{

    padding:18px 32px;

    background:#0F4CFF;

    color:#ffffff;

    border:none;

    border-radius:14px;

    cursor:pointer;

    font-weight:600;

    transition:.3s;

}

.search-btn:hover{

    background:#6C3BFF;

    transform:translateY(-2px);

}

.search-results{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.result-card{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:25px;

    transition:.3s;

}

.result-card:hover{

    transform:translateY(-8px);

    border-color:#4F8CFF;

}

.result-card h3{

    color:#4F8CFF;

    margin-bottom:15px;

}

.result-card p{

    color:#D7E3FF;

    line-height:1.7;

}

.result-meta{

    margin-top:20px;

    display:flex;

    justify-content:space-between;

    color:#AFC3E8;

    font-size:14px;

}

/* ==========================================
   Messages v4.2.0
========================================== */

.messages{

    padding:120px 0 80px;

    background:#0B1728;

}

.messages-container{

    display:grid;

    grid-template-columns:320px 1fr;

    gap:30px;

}

.chat-list{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    overflow:hidden;

}

.chat-user{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 20px;

    cursor:pointer;

    border-bottom:1px solid rgba(255,255,255,.08);

    transition:.3s;

}

.chat-user:hover{

    background:rgba(79,140,255,.12);

}

.chat-user img{

    width:55px;

    height:55px;

    border-radius:50%;

    object-fit:cover;

}

.chat-user h4{

    color:#ffffff;

    margin-bottom:5px;

}

.chat-user p{

    color:#B8C7E6;

    font-size:14px;

}

.chat-window{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    display:flex;

    flex-direction:column;

    overflow:hidden;

}

.chat-header{

    padding:20px;

    border-bottom:1px solid rgba(255,255,255,.08);

    color:#ffffff;

}

.chat-body{

    flex:1;

    padding:25px;

    min-height:500px;

    overflow-y:auto;

}

.message{

    max-width:70%;

    padding:14px 18px;

    border-radius:16px;

    margin-bottom:15px;

}

.message.sent{

    margin-left:auto;

    background:#0F4CFF;

    color:#ffffff;

}

.message.received{

    background:rgba(255,255,255,.08);

    color:#ffffff;

}

.chat-footer{

    display:flex;

    gap:15px;

    padding:20px;

    border-top:1px solid rgba(255,255,255,.08);

}

.chat-footer input{

    flex:1;

}

.send-btn{

    background:#0F4CFF;

    color:#ffffff;

    border:none;

    padding:15px 25px;

    border-radius:12px;

    cursor:pointer;

}

/* ==========================================
   Notifications v4.2.0
========================================== */

.notifications{

    padding:120px 0 80px;

    background:#07131F;

}

.notification-container{

    max-width:1000px;

    margin:auto;

}

.notification-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:35px;

}

.notification-header h2{

    color:#ffffff;

}

.mark-all{

    background:#0F4CFF;

    color:#ffffff;

    padding:12px 20px;

    border-radius:10px;

    text-decoration:none;

    transition:.3s;

}

.mark-all:hover{

    background:#6C3BFF;

}

.notification-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:22px;

    margin-bottom:18px;

    transition:.3s;

}

.notification-card:hover{

    border-color:#4F8CFF;

    transform:translateY(-3px);

}

.notification-info{

    display:flex;

    align-items:center;

    gap:18px;

}

.notification-icon{

    width:55px;

    height:55px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#0F4CFF;

    border-radius:50%;

    color:#ffffff;

    font-size:22px;

}

.notification-text h4{

    color:#ffffff;

    margin-bottom:8px;

}

.notification-text p{

    color:#B8C7E6;

}

.notification-time{

    color:#8FA8D8;

    font-size:14px;

}

.notification-badge{

    width:12px;

    height:12px;

    background:#22C55E;

    border-radius:50%;

}

/* ==========================================
   Settings v4.2.0
========================================== */

.settings{

    padding:120px 0 80px;

    background:#0B1728;

}

.settings-container{

    max-width:1200px;

    margin:auto;

    display:grid;

    grid-template-columns:280px 1fr;

    gap:35px;

}

.settings-menu{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:25px;

}

.settings-menu a{

    display:block;

    color:#ffffff;

    text-decoration:none;

    padding:14px 18px;

    margin-bottom:10px;

    border-radius:12px;

    transition:.3s;

}

.settings-menu a:hover,
.settings-menu a.active{

    background:#0F4CFF;

}

.settings-content{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:40px;

}

.settings-content h2{

    color:#ffffff;

    margin-bottom:30px;

}

.settings-group{

    margin-bottom:35px;

}

.settings-group label{

    display:block;

    color:#DCE7FF;

    margin-bottom:10px;

    font-weight:600;

}

.settings-group input,
.settings-group textarea,
.settings-group select{

    width:100%;

    padding:16px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.12);

    border-radius:12px;

    color:#ffffff;

    outline:none;

}

.settings-group input:focus,
.settings-group textarea:focus,
.settings-group select:focus{

    border-color:#4F8CFF;

}

.settings-save{

    display:inline-block;

    margin-top:20px;

    background:#0F4CFF;

    color:#ffffff;

    padding:16px 32px;

    border:none;

    border-radius:12px;

    cursor:pointer;

    font-weight:600;

    transition:.3s;

}

.settings-save:hover{

    background:#6C3BFF;

    transform:translateY(-3px);

}

/* ==========================================
   Admin Panel v4.2.0
========================================== */

.admin-panel{

    padding:120px 0 80px;

    background:#07131F;

    min-height:100vh;

}

.admin-container{

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:280px 1fr;

    gap:30px;

}

.admin-sidebar{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:25px;

}

.admin-sidebar h2{

    color:#ffffff;

    margin-bottom:25px;

}

.admin-sidebar a{

    display:block;

    padding:14px 18px;

    margin-bottom:10px;

    text-decoration:none;

    color:#DCE7FF;

    border-radius:12px;

    transition:.3s;

}

.admin-sidebar a:hover,
.admin-sidebar a.active{

    background:#0F4CFF;

    color:#ffffff;

}

.admin-content{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.admin-cards{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}

.admin-card{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:25px;

    transition:.3s;

}

.admin-card:hover{

    transform:translateY(-6px);

    border-color:#4F8CFF;

}

.admin-card h3{

    color:#4F8CFF;

    font-size:18px;

    margin-bottom:12px;

}

.admin-card h1{

    color:#ffffff;

    font-size:36px;

}

.admin-table{

    width:100%;

    border-collapse:collapse;

    background:rgba(255,255,255,.05);

    border-radius:20px;

    overflow:hidden;

}

.admin-table th{

    background:#0F4CFF;

    color:#ffffff;

    padding:18px;

    text-align:left;

}

.admin-table td{

    padding:18px;

    border-bottom:1px solid rgba(255,255,255,.08);

    color:#DCE7FF;

}

.admin-table tr:hover{

    background:rgba(255,255,255,.05);

}

.admin-btn{

    display:inline-block;

    padding:10px 18px;

    border-radius:10px;

    text-decoration:none;

    color:#ffffff;

    background:#0F4CFF;

    transition:.3s;

}

.admin-btn:hover{

    background:#6C3BFF;

}


/* ==========================================
   Idea2Founder v5.3.0 Application UI
========================================== */
main.page-main{padding:120px 0 70px;min-height:calc(100vh - 80px)}
.page-heading{margin-bottom:28px}.page-heading h1{font-size:clamp(30px,5vw,48px);line-height:1.15}.page-heading p,.muted{color:#9fb0c7}.lead{font-size:1.08rem;color:#dce7ff;margin:12px 0 22px}
.app-grid,.idea-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.idea-card,.detail-card,.metric-card,.list-card,.notification-item{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:22px;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.detail-card{margin-bottom:22px}.detail-card section{margin-top:24px}.detail-card h2{margin-bottom:10px}.idea-card h3{margin:10px 0}.idea-card p{color:#c9d5e6;margin-bottom:14px}.card-row,.action-row,.list-card,.notification-item{display:flex;align-items:center;justify-content:space-between;gap:14px}.action-row{justify-content:flex-start;flex-wrap:wrap;margin-top:18px}.action-row.compact{margin-top:0;gap:8px}
.primary-btn,.secondary-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:.2s}.primary-btn{background:#0f4cff;color:#fff}.secondary-btn{background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.12)}.danger-btn{background:rgba(255,74,104,.14);color:#ff9aad;border:1px solid rgba(255,74,104,.28)}button:disabled{opacity:.55;cursor:not-allowed}.nav-signup{padding:8px 13px}
.badge,.status-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(15,76,255,.18);border:1px solid rgba(95,137,255,.28);font-size:.82rem;color:#c8d8ff}.status-pill{text-transform:capitalize}
.filter-form,.form-card{display:grid;gap:14px}.filter-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:22px 0}.form-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:24px;border-radius:18px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-card label{font-weight:600;color:#dfe8f6}.form-card input,.form-card select,.form-card textarea,.filter-form input,.filter-form select,.message-form input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#0d1d2c;color:#fff;font:inherit}.form-card textarea{min-height:120px;resize:vertical}.form-card input[type=file]{padding:10px}.form-status{padding:12px 14px;border-radius:10px;margin:12px 0}.form-status.info{background:rgba(15,76,255,.12)}.form-status.success{background:rgba(62,211,135,.12);color:#9df0bd}.form-status.error,.empty-state.error{background:rgba(255,74,104,.09);color:#ffc0ca}
.empty-state,.loading-state{text-align:center;padding:34px;color:#9fb0c7;border:1px dashed rgba(255,255,255,.12);border-radius:16px;grid-column:1/-1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0 26px}.metric-card{display:flex;flex-direction:column}.metric-card strong{font-size:28px}.metric-card span{color:#9fb0c7;text-transform:capitalize}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0}.detail-grid>div{background:rgba(255,255,255,.035);padding:14px;border-radius:12px}.detail-grid strong,.detail-grid span{display:block}.detail-grid span{color:#b9c9dd;margin-top:4px}
.profile-hero{min-height:220px;border-radius:22px;background:linear-gradient(135deg,#0f4cff,#6c3bff);background-size:cover;background-position:center;position:relative;margin-bottom:60px}.profile-avatar{position:absolute;left:28px;bottom:-48px;width:104px;height:104px;border-radius:50%;border:5px solid #07131f;background:#142a40;display:grid;place-items:center;overflow:hidden;font-size:34px;font-weight:700}.profile-avatar img,.avatar-wrap img{width:100%;height:100%;object-fit:cover}.avatar-wrap{width:68px;height:68px;border-radius:50%;overflow:hidden;background:#142a40}.avatar-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:25px;font-weight:700}.person-card{display:flex;flex-direction:column;align-items:flex-start}
.dashboard-shell{display:grid;grid-template-columns:220px 1fr;gap:24px}.side-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:105px;height:max-content}.side-nav a{color:#dce7ff;text-decoration:none;padding:10px 12px;border-radius:9px}.side-nav a:hover{background:rgba(255,255,255,.07)}
.messages-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;min-height:560px}.conversation-panel,.thread-panel{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.conversation-list{display:flex;flex-direction:column}.conversation-item{border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff;text-align:left;padding:15px;display:grid;gap:3px;cursor:pointer}.conversation-item.active,.conversation-item:hover{background:rgba(15,76,255,.13)}.conversation-item span{color:#9fb0c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-thread{padding:18px;height:480px;overflow:auto;display:flex;flex-direction:column;gap:10px}.message-bubble{max-width:72%;padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.08)}.message-bubble.mine{align-self:flex-end;background:rgba(15,76,255,.35)}.message-bubble.theirs{align-self:flex-start}.message-bubble small{color:#9fb0c7}.message-form{display:flex;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.08)}.message-form input{flex:1}
.notification-item{margin-bottom:12px}.notification-item.unread{border-color:rgba(15,76,255,.6);background:rgba(15,76,255,.08)}.table-wrap{overflow-x:auto}.admin-table button{white-space:nowrap}.result-list{display:grid;gap:10px;margin-top:12px}.result-list a{text-decoration:none;color:inherit}
.auth-shell{max-width:520px;margin:0 auto}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.auth-links a{color:#8fb0ff}.toast-box{position:fixed;right:18px;bottom:18px;z-index:3000;display:grid;gap:8px}.toast{padding:12px 16px;border-radius:11px;background:#12314b;border:1px solid rgba(255,255,255,.14);box-shadow:0 15px 35px rgba(0,0,0,.3)}.toast.error{background:#4b1821}.site-footer{padding:30px 0;border-top:1px solid rgba(255,255,255,.08);color:#8ea2ba;text-align:center}
@media(max-width:850px){.dashboard-shell,.messages-layout{grid-template-columns:1fr}.side-nav{position:static;flex-direction:row;overflow-x:auto}.conversation-panel{max-height:280px}.form-row{grid-template-columns:1fr}.card-row,.notification-item{align-items:flex-start}.navbar .container{gap:12px}.nav-links{display:none}.actions{gap:8px}.actions a{font-size:14px}.message-bubble{max-width:88%}}
@media(max-width:430px){.container{width:92%}.primary-btn,.secondary-btn,.danger-btn{padding:10px 12px;font-size:14px}.action-row{gap:8px}.profile-hero{min-height:160px}.detail-card,.idea-card,.form-card{padding:17px}.page-heading h1{font-size:32px}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(143,176,255,.95);outline-offset:3px}
.profile-posts-section{margin:24px 0 30px}.profile-posts-section>.card-row{margin-bottom:16px}.profile-posts-section>.card-row a{color:#9bb7ff}.reaction-select{min-width:110px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#0d1d2c;color:#fff}.post-card:target{border-color:#4f8cff;box-shadow:0 0 0 3px rgba(79,140,255,.15)}#groupDetail{display:grid;gap:20px}#groupDetail[hidden]{display:none}#groupDetail>a{color:#9bb7ff;text-decoration:none}.group-member-list{display:grid;gap:10px}
.feed-layout{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,650px) minmax(180px,240px);gap:22px;align-items:start}.feed-main,.feed-list{display:grid;gap:18px}.feed-rail{position:sticky;top:105px;display:grid;gap:10px}.feed-rail nav{display:grid;gap:8px}.feed-rail a{color:#c8d8ff;text-decoration:none;padding:8px 0}.post-composer,.post-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px}.post-composer{display:grid;gap:12px}.post-composer textarea{width:100%;min-height:110px;resize:vertical;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#0d1d2c;color:#fff;font:inherit}.composer-actions,.post-actions,.post-meta{display:flex;align-items:center;gap:10px}.composer-actions{justify-content:flex-end}.composer-actions select{margin-right:auto;padding:9px;border-radius:9px;background:#0d1d2c;color:#fff;border:1px solid rgba(255,255,255,.13)}.post-author{display:flex;align-items:center;gap:12px}.post-author .avatar-wrap{width:48px;height:48px;flex:0 0 48px}.post-author div:last-child{display:grid}.post-author span,.post-card time,.post-meta{font-size:.86rem;color:#9fb0c7}.post-card>time{display:block;margin:5px 0 14px 60px}.post-body{font-size:1.02rem;line-height:1.7;margin:8px 0 18px}.post-meta{justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.post-actions{padding:12px 0}.post-actions button{flex:1}.comment-list{display:grid;gap:10px}.post-comment{background:rgba(255,255,255,.04);border-radius:12px;padding:12px}.post-comment .post-author .avatar-wrap{width:34px;height:34px;flex-basis:34px}.post-comment p{margin:8px 0 0 46px;color:#dce7ff}.comment-form{display:flex;gap:10px;margin-top:12px}.comment-form input{flex:1;padding:11px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#0d1d2c;color:#fff}.load-more{justify-self:center}@media(max-width:1050px){.feed-layout{grid-template-columns:200px minmax(0,1fr)}.feed-layout>.feed-rail:last-child{display:none}}@media(max-width:760px){.feed-layout{grid-template-columns:1fr}.feed-rail{display:none}.post-composer,.post-card{padding:16px}.post-meta{align-items:flex-start}.composer-actions{flex-wrap:wrap}}
.feed-toolbar{display:grid;gap:12px;padding:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:16px}.feed-tabs{display:flex;gap:8px}.feed-tabs a{flex:1;text-align:center;padding:10px 14px;border-radius:10px;color:#b9c9df;text-decoration:none;background:rgba(255,255,255,.04)}.feed-tabs a.active{background:#0f4cff;color:#fff}.post-search{display:flex;gap:8px}.post-search input{flex:1;min-width:0;padding:11px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#0d1d2c;color:#fff}.trending-list{display:grid;gap:5px}.trending-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-radius:9px}.trending-list a:hover{background:rgba(15,76,255,.14)}.trending-list span{font-size:.8rem;color:#91a5c0}.post-author{text-decoration:none;color:inherit}.post-actions{flex-wrap:wrap}.post-actions>a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.comment-actions{display:flex;justify-content:flex-end;gap:8px}.comment-actions button{border:0;background:transparent;color:#9fbdfd;cursor:pointer;padding:4px 6px}.post-comment small{display:block;margin:5px 0 0 46px;color:#8194ae}
.comment-social{display:flex;gap:12px;margin:5px 0 0 46px}.comment-social button{border:0;background:transparent;color:#9fbdfd;cursor:pointer;padding:3px 0}.comment-replies{display:grid;gap:9px;margin:10px 0 0 34px;padding-left:12px;border-left:2px solid rgba(123,157,255,.2)}.comment-reply{background:rgba(255,255,255,.035)}.comment-deleted{opacity:.72}.comment-deleted>p{font-style:italic;color:#91a0b4}.reply-form{display:flex;gap:8px;margin:9px 0 0 46px}.reply-form input{flex:1;min-width:0;padding:9px 11px;border-radius:9px;border:1px solid rgba(255,255,255,.13);background:#0d1d2c;color:#fff}
@media(max-width:760px){.post-actions>*{flex:1 1 calc(33.333% - 8px)}.post-search{flex-wrap:wrap}.post-search button{width:100%}}
.photo-edit{position:absolute;border:0;border-radius:10px;background:rgba(10,20,35,.78);color:#fff;padding:9px 12px;cursor:pointer;z-index:3}.cover-edit{right:18px;bottom:18px}.profile-avatar{position:absolute}.avatar-edit{right:-4px;bottom:4px;width:38px;height:38px;border-radius:50%;padding:0}.media-picker{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:10px 0;border:1px dashed rgba(255,255,255,.25);border-radius:10px;cursor:pointer}.post-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:12px 0}.post-media img,.post-media video{width:100%;max-height:520px;object-fit:cover;border-radius:12px;background:#07131f}.group-chat{margin-top:20px}.chat-stream{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px;background:rgba(0,0,0,.16);border-radius:12px}.chat-message{padding:9px 12px;background:rgba(255,255,255,.08);border-radius:10px}.chat-message strong{display:block}.chat-compose{display:flex;gap:8px;margin-top:10px}.chat-compose input{flex:1}
.nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px}.launch-card{border:1px solid rgba(76,132,255,.35)}@media(max-width:760px){.nav-links{overflow-x:auto;white-space:nowrap}.post-actions,.action-row{flex-wrap:wrap}.post-actions button,.post-actions select{flex:1 1 42%}.profile-hero{min-height:210px}.cover-edit{right:10px;bottom:10px}}
.nav-tool{background:transparent;border:1px solid var(--border-color,#334155);border-radius:8px;color:inherit;cursor:pointer;padding:.45rem .65rem}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.startup-cover{background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(139,92,246,.13))}.progress-track{height:10px;background:rgba(148,163,184,.22);border-radius:999px;overflow:hidden;margin:1rem 0}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#8b5cf6)}html[data-theme="light"]{color-scheme:light}html[data-theme="light"] body{background:#f8fafc;color:#172033}html[data-theme="light"] .navbar,html[data-theme="light"] .detail-card,html[data-theme="light"] .content-card,html[data-theme="light"] .list-card{background:#fff;color:#172033;border-color:#dbe3ef}@media(max-width:760px){.workspace-grid{grid-template-columns:1fr}}
.auth-page{background:radial-gradient(circle at 12% 12%,rgba(15,76,255,.16),transparent 32%),#07111d}.auth-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);max-width:1100px;margin:0 auto;border:1px solid rgba(255,255,255,.09);border-radius:26px;overflow:hidden;background:rgba(8,22,36,.86);box-shadow:0 30px 80px rgba(0,0,0,.32)}.auth-story{padding:54px;background:linear-gradient(145deg,rgba(15,76,255,.2),rgba(8,22,36,.92));display:flex;flex-direction:column;justify-content:space-between;min-height:600px}.auth-kicker{display:inline-flex;width:max-content;padding:7px 11px;border:1px solid rgba(130,166,255,.35);border-radius:999px;color:#a9c0ff;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-story h1{font-size:clamp(38px,5vw,64px);line-height:1.04;margin:22px 0 16px}.auth-story p{font-size:17px;color:#b7c6d8;max-width:560px}.trust-list{display:grid;gap:13px;margin-top:34px}.trust-item{display:flex;align-items:center;gap:11px;color:#e7eef8}.trust-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(61,213,152,.13);color:#7be3b2}.auth-panel{padding:48px;display:flex;flex-direction:column;justify-content:center}.auth-panel h2{font-size:34px;margin:0 0 8px}.auth-panel-copy{color:#93a8c0;margin-bottom:26px}.auth-form{background:transparent;border:0;padding:0}.auth-field{display:grid;gap:8px}.auth-field-label{font-size:14px;color:#dce7f5}.password-wrap{position:relative}.password-wrap input{padding-right:68px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8fb0ff;font:inherit;font-weight:600;cursor:pointer;padding:7px}.auth-submit{width:100%;min-height:48px;margin-top:5px}.auth-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;font-size:14px}.auth-meta a,.auth-bottom a{color:#90afff}.auth-bottom{text-align:center;margin-top:28px;color:#93a8c0}.caps-warning{color:#fbbf7a;font-size:12px}.auth-security{font-size:12px;color:#748ca7;text-align:center;margin-top:18px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:8px}.footer-links a{color:#93a8c0}@media(max-width:850px){.auth-layout{grid-template-columns:1fr;max-width:600px}.auth-story{min-height:auto;padding:32px}.auth-story h1{font-size:38px}.trust-list{margin-top:24px}.auth-panel{padding:32px}}@media(max-width:480px){.auth-story{display:none}.auth-layout{border-radius:18px}.auth-panel{padding:25px 20px}.auth-panel h2{font-size:29px}.auth-meta{align-items:flex-start;flex-direction:column}}
html[data-theme="light"] .auth-page{background:#eef4ff}html[data-theme="light"] .auth-layout,html[data-theme="light"] .auth-panel{background:#fff;color:#172033}html[data-theme="light"] .auth-form label{color:#24344b}html[data-theme="light"] .auth-form input{background:#f8fafc;color:#172033;border-color:#cad5e3}
.hero-assurance{margin-top:18px!important;font-size:13px!important;color:#c4d2e3!important}.section-label{display:inline-block;margin-bottom:10px;color:#7ea1ff;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.section-action{text-align:center;margin-top:28px}.professional-section{padding:88px 0;background:rgba(255,255,255,.025)}.professional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.professional-grid article{padding:38px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(15,76,255,.09),rgba(255,255,255,.025))}.professional-grid h2{font-size:30px;margin:4px 0 14px}.professional-grid p{color:#9fb0c5}.professional-grid a{display:inline-block;margin-top:13px;color:#91afff;font-weight:600}.final-cta{padding:90px 0;text-align:center;background:radial-gradient(circle at center,rgba(15,76,255,.22),transparent 58%)}.final-cta h2{font-size:clamp(32px,5vw,50px);max-width:850px;margin:0 auto 14px}.final-cta p{color:#aebdd0;margin-bottom:25px}@media(max-width:760px){.professional-grid{grid-template-columns:1fr}.professional-section,.final-cta{padding:60px 0}.professional-grid article{padding:25px}}html[data-theme="light"] .professional-section{background:#eef4fb}html[data-theme="light"] .professional-grid article{background:#fff;border-color:#dae4ef}html[data-theme="light"] .professional-grid p,html[data-theme="light"] .final-cta p{color:#52657b}
.launch-list{display:grid;gap:18px;margin-top:24px}.launch-operation-card h2{margin:9px 0 3px}.role-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.role-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(15,76,255,.13);border:1px solid rgba(98,139,255,.24);color:#b7c9ff;font-size:13px}.application-panel{border-top:1px solid rgba(255,255,255,.08);margin-top:20px;padding-top:20px}.application-list{display:grid;gap:12px}.application-card{padding:18px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.application-card p{margin:7px 0}.manager-panel{margin:18px 0}.manager-form{display:grid;grid-template-columns:130px 1fr 1fr auto auto;gap:12px;align-items:end}.manager-form label{display:grid;gap:6px;color:#cdd9e8;font-size:13px}.manager-form input,.inline-create input,.workspace-item select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#0d1d2c;color:#fff;font:inherit}.check-field{display:flex!important;align-items:center;gap:8px;padding-bottom:12px;white-space:nowrap}.check-field input{width:auto}.progress-number{font-size:34px;color:#a8bdff}.workspace-list,.activity-list{display:grid;gap:10px}.workspace-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.workspace-item p{margin:3px 0 0}.workspace-item select{width:135px}.inline-create{display:grid;grid-template-columns:1fr minmax(130px,.35fr) auto;gap:9px;margin-top:14px}.activity-list article{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.activity-list article p{margin:0 0 5px}.activity-list small{color:#7189a4}@media(max-width:950px){.manager-form{grid-template-columns:1fr 1fr}.manager-form .primary-btn{width:100%}}@media(max-width:620px){.manager-form,.inline-create{grid-template-columns:1fr}.workspace-item{align-items:flex-start;flex-direction:column}.workspace-item select{width:100%}.launch-operation-card .card-row{align-items:flex-start;flex-direction:column}}html[data-theme="light"] .application-card,html[data-theme="light"] .workspace-item{background:#f8fafc;border-color:#dce5ef}html[data-theme="light"] .manager-form input,html[data-theme="light"] .inline-create input,html[data-theme="light"] .workspace-item select{background:#fff;color:#172033;border-color:#cad5e3}
.hashtag-link,.mention-link{color:#7fa3ff;font-weight:600;text-decoration:none}.hashtag-link:hover{text-decoration:underline}.hashtag-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;margin-bottom:14px;border:1px solid rgba(98,139,255,.25);border-radius:13px;background:rgba(15,76,255,.1)}.hashtag-filter a{color:#9cb7ff}.narrow-content{max-width:820px}.post-actions button[data-save]{border-color:rgba(98,139,255,.3)}html[data-theme="light"] .hashtag-filter{background:#edf3ff;border-color:#cbd9ff}

@media(max-width:760px){
    .navbar .container{width:100%;max-width:100%;padding:12px 4%;align-items:stretch;overflow:hidden}
    .brand{justify-content:center}.brand span{font-size:20px}.brand img{width:40px;height:40px}
    .actions{width:100%;max-width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding:2px 0 7px;scrollbar-width:thin}
    .actions>*{flex:0 0 auto}.actions a{font-size:13px;padding:9px 12px}.nav-tool{flex:0 0 auto}
    .profile-avatar{left:50%;transform:translateX(-50%);bottom:-48px}
    .profile-hero{margin-bottom:70px}
}

/* Idea2Founder v5.3.0 settings, themes, safety and conversations */
.mobile-menu-button{display:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:inherit;border-radius:10px;padding:8px 12px;font-size:22px;line-height:1;cursor:pointer}
.nav-logout{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:8px 4px}
.emoji-reaction-bar{display:flex;gap:7px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.emoji-reaction{display:inline-flex;align-items:center;gap:5px;min-width:48px;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);color:inherit;padding:7px 10px;cursor:pointer;font:inherit;transition:transform .16s,background .16s,border-color .16s}
.emoji-reaction:hover{transform:translateY(-2px);background:rgba(15,76,255,.16)}.emoji-reaction.active{background:rgba(15,76,255,.25);border-color:#4f7dff;box-shadow:0 0 0 2px rgba(79,125,255,.13)}.emoji-reaction span{font-size:19px}.emoji-reaction b{font-size:12px;color:#aebfda}
.emoji-insert-bar,.message-emoji-tools{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.emoji-insert-bar button,.message-emoji-tools button{border:0;background:transparent;border-radius:8px;padding:5px;cursor:pointer;font-size:17px}.emoji-insert-bar button:hover,.message-emoji-tools button:hover{background:rgba(15,76,255,.14)}
.comment-form,.reply-form{flex-wrap:wrap}.comment-form .emoji-insert-bar,.reply-form .emoji-insert-bar{order:2;flex:1 1 100%;margin-left:0}.comment-form>.primary-btn,.reply-form>.primary-btn{align-self:flex-start}
.settings-shell{max-width:1040px}.settings-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-checks label{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px}.settings-checks input{width:auto}.blocked-users-list{display:grid;gap:10px;margin-top:18px}.blocked-user-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035)}.blocked-user-card>a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.blocked-user-card .avatar-wrap{width:46px;height:46px}.blocked-user-card a>span:last-child{display:grid}.blocked-user-card small{color:#91a5c0}.danger-zone{border-color:rgba(255,74,104,.3)}
.panel-heading{margin:0!important;border:0!important;border-radius:0!important}.live-indicator{display:inline-flex;align-items:center;gap:6px;color:#78e4aa;font-size:13px}.live-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:#3dd598;box-shadow:0 0 0 4px rgba(61,213,152,.14)}
.message-bubble{position:relative}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.message-reactions{display:flex;gap:2px;flex-wrap:wrap;margin-top:7px}.message-reaction{border:0;background:transparent;border-radius:999px;color:inherit;padding:3px 5px;cursor:pointer;font-size:15px}.message-reaction:hover,.message-reaction.active{background:rgba(255,255,255,.13)}.message-reaction b{font-size:10px;margin-left:2px}.message-actions{display:flex;gap:9px;margin-top:5px}.message-actions button{border:0;background:transparent;color:#a9c1ff;padding:2px;cursor:pointer;font-size:11px}.message-form{flex-wrap:wrap}.message-emoji-tools{flex:1 1 100%}.message-form>input{min-width:0}

html[data-theme="light"] body{background:#f4f7fb;color:#172033}
html[data-theme="light"] .navbar{background:rgba(255,255,255,.9);border-color:#dce5ef}
html[data-theme="light"] .brand,html[data-theme="light"] .nav-links a,html[data-theme="light"] .actions a,html[data-theme="light"] .actions button{color:#172033}
html[data-theme="light"] .detail-card,html[data-theme="light"] .idea-card,html[data-theme="light"] .metric-card,html[data-theme="light"] .list-card,html[data-theme="light"] .notification-item,html[data-theme="light"] .post-card,html[data-theme="light"] .post-composer,html[data-theme="light"] .form-card,html[data-theme="light"] .feed-toolbar,html[data-theme="light"] .conversation-panel,html[data-theme="light"] .thread-panel{background:#fff;color:#172033;border-color:#dce5ef;box-shadow:0 12px 35px rgba(32,52,74,.08)}
html[data-theme="light"] .muted,html[data-theme="light"] .page-heading p,html[data-theme="light"] .post-author span,html[data-theme="light"] .post-card time,html[data-theme="light"] .post-meta,html[data-theme="light"] .conversation-item span,html[data-theme="light"] .message-bubble small,html[data-theme="light"] .blocked-user-card small{color:#60738a}
html[data-theme="light"] .lead,html[data-theme="light"] .idea-card p,html[data-theme="light"] .post-comment p,html[data-theme="light"] .form-card label,html[data-theme="light"] .side-nav a{color:#24364c}
html[data-theme="light"] .form-card input,html[data-theme="light"] .form-card select,html[data-theme="light"] .form-card textarea,html[data-theme="light"] .filter-form input,html[data-theme="light"] .filter-form select,html[data-theme="light"] .post-composer textarea,html[data-theme="light"] .post-search input,html[data-theme="light"] .comment-form input,html[data-theme="light"] .reply-form input,html[data-theme="light"] .message-form input,html[data-theme="light"] .composer-actions select{background:#f8fafc;color:#172033;border-color:#cbd7e5}
html[data-theme="light"] .secondary-btn{background:#eef3f8;color:#24364c;border-color:#d4dfeb}html[data-theme="light"] .danger-btn{background:#fff0f3;color:#b42343;border-color:#ffc6d1}
html[data-theme="light"] .empty-state,html[data-theme="light"] .loading-state{color:#60738a;border-color:#cbd7e5}
html[data-theme="light"] .detail-grid>div,html[data-theme="light"] .post-comment,html[data-theme="light"] .blocked-user-card,html[data-theme="light"] .chat-message{background:#f6f9fc;border-color:#dce5ef}
html[data-theme="light"] .conversation-item{color:#172033;border-color:#e2e9f1}html[data-theme="light"] .conversation-item.active,html[data-theme="light"] .conversation-item:hover{background:#edf3ff}
html[data-theme="light"] .message-bubble.theirs{background:#eef2f6}html[data-theme="light"] .message-bubble.mine{background:#dfe9ff}html[data-theme="light"] .message-reaction:hover,html[data-theme="light"] .message-reaction.active{background:#cbd9ff}
html[data-theme="light"] .emoji-reaction{background:#f7f9fc;border-color:#d7e0eb}html[data-theme="light"] .emoji-reaction b{color:#52657b}html[data-theme="light"] .emoji-reaction.active{background:#e5edff;border-color:#7195ff}
html[data-theme="light"] .profile-avatar{border-color:#f4f7fb;background:#e3eaf2}html[data-theme="light"] .site-footer{border-color:#dce5ef;color:#64778d}

@media(max-width:850px){
    .mobile-menu-button{display:inline-flex;margin-left:auto;align-self:center}
    .navbar .container{position:relative;display:flex;align-items:center;flex-wrap:wrap;overflow:visible}
    .navbar .nav-links{display:none;position:absolute;top:calc(100% + 1px);left:4%;right:4%;padding:12px;background:#0b1b2a;border:1px solid rgba(255,255,255,.12);border-radius:0 0 14px 14px;box-shadow:0 20px 40px rgba(0,0,0,.28);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;z-index:10;white-space:normal;overflow:visible}
    .navbar .nav-links.open{display:grid}.navbar .nav-links a{padding:10px;border-radius:8px}.navbar .nav-links a:hover{background:rgba(15,76,255,.15)}
    .navbar .actions{order:3}.settings-checks{grid-template-columns:1fr}.blocked-user-card{align-items:flex-start}.message-thread{height:55vh}
    html[data-theme="light"] .navbar .nav-links{background:#fff;border-color:#dce5ef}
}
@media(max-width:520px){.emoji-reaction{min-width:42px;padding:6px 8px}.emoji-reaction span{font-size:18px}.blocked-user-card{flex-direction:column}.blocked-user-card .secondary-btn{width:100%}.message-form>.primary-btn{width:100%}}
