/* ==========================================
   Idea2Founder v4.2.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 v4.2.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}