:root{
  --bg:#0a0a0a;--muted:#a0a0a0;--card:rgba(255,255,255,.05);
  --stroke:rgba(255,255,255,.12);
  --brand1:#667eea;--brand2:#764ba2;--brand3:#f093fb;
  --accent:#00FF88;--primary:#0066FF;
  --grad:linear-gradient(135deg,var(--brand1) 0%,var(--brand2) 50%,var(--brand3) 100%);
  --grad-primary:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
  --radius:22px;--shadow:0 20px 40px rgba(102,126,234,.22);
  --maxw:1200px;--transition:.25s ease;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,system-ui,sans-serif;background:var(--bg);color:#fff;padding:2rem 1rem}
.wrap{max-width:var(--maxw);margin:0 auto}

/* Header / Topbar */
.topbar{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke);box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.8rem;font-weight:800;letter-spacing:.3px;font-size:1.1rem}
.brand-badge{width:32px;height:32px;border-radius:10px;background:var(--grad);box-shadow: 0 4px 12px rgba(102,126,234,.3);animation: pulse 2s ease-in-out infinite;}
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}
.back-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;border-radius:16px;border:1px solid var(--stroke);background:var(--card);transition:all var(--transition);font-weight:600;text-decoration:none;color:#fff;backdrop-filter: blur(8px);font-size:0.95rem;}
.back-btn:hover{transform:translateY(-2px);border-color:var(--brand1);box-shadow:0 8px 25px rgba(102,126,234,.25);background:rgba(255,255,255,.08);}
.back-btn:active{transform:translateY(0);}

 /* HERO */
.hero-investor{text-align:center;margin-bottom:4rem;padding:3rem 0;background:radial-gradient(60% 40% at 50% 50%,rgba(102,126,234,.12),transparent 60%);border-radius:var(--radius)}
.investor-title{font-size:3rem;margin-bottom:1rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.investor-subtitle{font-size:1.2rem;color:var(--muted);max-width:600px;margin:0 auto 2rem}
.funding-amount{font-size:2rem;font-weight:900;color:var(--accent);margin-bottom:0.5rem}
.funding-use{color:var(--muted);font-size:1rem}

/* Investment Highlights */
.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:4rem}
.highlight-card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:2rem;text-align:center;transition:all var(--transition)}
.highlight-card:hover{transform:translateY(-5px);border-color:rgba(102,126,234,.4);background:rgba(255,255,255,.08)}
.highlight-icon{font-size:2.5rem;margin-bottom:1rem}
.highlight-metric{font-size:2rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.5rem}
.highlight-label{color:var(--muted);font-size:0.9rem}

/* Business Model */
.business-section{margin-bottom:4rem}
.section-title{font-size:clamp(1.6rem,3.6vw,2.6rem);
  line-height: 2.6rem;
    padding: 1.6rem 0;
    text-align:center;
    background:linear-gradient(135deg,#fff 0%,#bdbdbd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.section-description{color:var(--muted);max-width:800px;margin:0 auto 2rem;text-align:center;line-height:1.6}

.business-model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.model-card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:2rem}
.model-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.model-icon{width:50px;height:50px;background:var(--grad-primary);border-radius:12px;display:grid;place-items:center;font-size:1.2rem}
.model-title{font-size:1.3rem;font-weight:700}
.model-revenue{color:var(--accent);font-size:1.1rem;font-weight:600;margin-bottom:1rem}
.model-description{color:var(--muted);line-height:1.6}

/* Market Analysis */
.market-analysis{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:2.5rem;margin-bottom:4rem}
.market-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}
.market-stat{text-align:center}
.market-number{font-size:2.5rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.market-label{color:var(--muted);font-size:0.9rem;margin-top:0.5rem}

/* Competitive Advantage */
.competitive-advantages{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem}
.advantage-card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:1.5rem}
.advantage-title{font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;color:var(--accent)}
.advantage-description{color:var(--muted);font-size:0.9rem;line-height:1.5}

/* Financial Projections */
.financial-projections{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:2.5rem;margin-bottom:4rem;overflow: auto;}
.projection-table{width:100%;margin-top:1.5rem;border-collapse:collapse;overflow: scroll;}
.projection-table th,
.projection-table td{padding:1rem;text-align:center;border-bottom:1px solid var(--stroke)}
.projection-table th{background:rgba(102,126,234,.1);font-weight:600}
.projection-table .revenue{color:var(--accent);font-weight:600}

/* Use of Funds */
.use-of-funds{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;align-items:center}
.funds-breakdown{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:2rem}
.fund-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--stroke)}
.fund-item:last-child{border-bottom:none}
.fund-category{font-weight:600}
.fund-amount{color:var(--accent);font-weight:600}
.fund-percentage{color:var(--muted);font-size:0.9rem;margin-left:1rem}

/* Investment CTA */
.investment-cta{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid rgba(102,126,234,.3);border-radius:var(--radius);padding:3rem;text-align:center;margin-bottom:4rem}
.cta-title{font-size:2rem;margin-bottom:1rem}
.cta-description{color:var(--muted);max-width:600px;margin:0 auto 2rem;line-height:1.6}
.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{appearance:none;border:0;border-radius:999px;padding:1rem 2rem;font-weight:700;cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;position:relative;overflow:hidden}
.btn-primary{background:var(--grad-primary);box-shadow:var(--shadow);color:#fff}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 25px 50px rgba(0,102,255,.4)}
.btn-secondary{background:transparent;border:1px solid var(--stroke);color:#fff}
.btn-secondary:hover{background:rgba(255,255,255,.05);border-color:var(--brand1);transform:translateY(-2px)}

/* Documents Section */
.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.document-card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:1.5rem;transition:all var(--transition);cursor:pointer}
.document-card:hover{transform:translateY(-3px);border-color:rgba(102,126,234,.4)}
.document-icon{font-size:2rem;margin-bottom:1rem}
.document-title{font-size:1.1rem;margin-bottom:0.5rem}
.document-description{color:var(--muted);font-size:0.9rem;line-height:1.5}

/* Modal */

.modal {display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter: blur(8px); /* Flou de l'arrière-plan */-webkit-backdrop-filter: blur(8px); /* Support Safari */justify-content:center;align-items:center}
.modal.show {display: flex;}
.modal-content {background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:2rem;max-width:400px;width:90%;color:#fff;position:relative;animation: modalSlideIn 0.3s ease;}
.modal-content h3{line-height:3rem}
.modal-content button{font-size:0.95rem}

@keyframes modalSlideIn {
    from { opacity: 0; transform: scale(0.8); }
    to { opacity: 1; transform: scale(1); }
}

.modal-content input, .modal-content textarea {width:100%;margin-bottom:1rem;padding:0.8rem;border-radius:8px;border:1px solid var(--stroke);background:rgba(255,255,255,0.05);color:#fff;font-family: inherit;}

.modal-content input::placeholder,
.modal-content textarea::placeholder {
    color: var(--muted);
}

.close {position:absolute;top:10px;right:15px;font-size:1.5rem;cursor:pointer;color: var(--muted);transition: color var(--transition);}

  .close:hover {color: #fff;}

/* Footer */
footer{padding:2.5rem 0;border-top:1px solid var(--stroke);color:var(--muted);text-align:center}

/* Responsive */
@media (max-width:1024px){
    .highlights{grid-template-columns:1fr 1fr}
    .docs{grid-template-columns:1fr 1fr}
    .access-grid{grid-template-columns:1fr}

@media (max-width: 768px){
  .investor-title{font-size:2.2rem}
  .use-of-funds{grid-template-columns:1fr}
  .cta-buttons{flex-direction:column;align-items:center}
  .highlights-grid{grid-template-columns:1fr}
}

@media (max-width:680px){
    .topbar-inner{flex-wrap:wrap;gap:.6rem}
    .form-row{grid-template-columns:1fr}
    .highlights{grid-template-columns:1fr}
    .docs{grid-template-columns:1fr}
    .hero{padding:3.2rem 0 1.2rem}
    .card{padding:1.25rem}
    .btn{padding:.7rem .9rem}
}
}

.form-alert {margin: 1rem 0;padding: 0.75rem 1rem;border-radius: 12px;font-size: 0.9rem;}
.form-alert.success {background: rgba(34,197,94,.15); color:#4ade80;}
.form-alert.error {background: rgba(239,68,68,.15); color:#f87171;}