@import "https://fonts.cdnfonts.com/css/gotham";
:root{--color-primary:#20315e;--color-primary-light:#2a3f6f;--color-primary-dark:#1a2649;--color-accent:#b6a46f;--color-accent-light:#c9b88a;--color-accent-dark:#9d8a5a;--color-warning:#ec6d06;--color-warning-light:#ff8533;--color-success:#4caf50;--color-background:#f8f9fa;--color-card-bg:#fff;--color-input-bg:#fff;--color-input-bg-hover:#fafbfd;--color-panel-bg:#f8f9fa;--color-text-primary:#20315e;--color-text-secondary:#6b7a9e;--color-text-tertiary:#9ca3b8;--color-text-placeholder:#b2b6cd;--color-border:#e8eaf2;--color-border-hover:#d8dbe5;--color-border-focus:#b6a46f;--color-border-error:#ec6d06;--shadow-sm:0 2px 8px #20315e14;--shadow-md:0 4px 16px #20315e1f;--shadow-lg:0 8px 32px #20315e29;--shadow-xl:0 16px 48px #20315e33;--shadow-focus:0 0 0 4px #b6a46f1f;--container-width:1000px;--container-padding:24px;--card-padding:48px;--card-border-radius:24px;--input-border-radius:12px;--button-border-radius:12px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:"Gotham","Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:28px;--font-size-3xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--logo-url:url(https://becom.ai/assets/EOL_Logo_CMJN.svg)}*{box-sizing:border-box}.publication-container{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);min-height:100vh;padding:var(--container-padding);max-width:var(--container-width);padding-top:100px;padding-bottom:var(--spacing-2xl);background:linear-gradient(135deg,#fff 0%,#f8f9fa 50%,#f0f2f8 100%);margin:0 auto;position:relative}.publication-container:before{content:"";background:var(--color-card-bg);width:100px;height:100px;box-shadow:var(--shadow-xl);background-image:var(--logo-url);z-index:10;transition:transform var(--transition-base),box-shadow var(--transition-base);background-position:50%;background-repeat:no-repeat;background-size:70%;border-radius:50%;position:absolute;top:20px;left:50%;transform:translate(-50%)}.publication-container:before:hover{transform:translate(-50%)scale(1.05);box-shadow:0 20px 56px #20315e40}.publication-card{background:var(--color-card-bg);border-radius:var(--card-border-radius);box-shadow:var(--shadow-xl);padding:var(--card-padding);margin-bottom:var(--spacing-2xl);animation:.5s ease-out fadeInUp;position:relative;overflow:hidden}.publication-card:before{content:"";background:linear-gradient(90deg,var(--color-primary)0%,var(--color-accent)100%);height:4px;position:absolute;top:0;left:0;right:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);position:relative}.header-top{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.header-top>div:first-child{text-align:center;flex:1}.form-header h1{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--spacing-sm)0;line-height:var(--line-height-tight)}.form-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0}.settings-button{background:var(--color-card-bg);border:2px solid var(--color-border);cursor:pointer;width:48px;height:48px;transition:all var(--transition-base);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex;position:absolute;top:0;right:0}.settings-button:hover{background:var(--color-panel-bg);border-color:var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-primary);transform:rotate(90deg)}.settings-button:active{transform:rotate(90deg)scale(.95)}.email-config-panel{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-panel-bg);border-radius:var(--input-border-radius);border:1px solid var(--color-border);animation:slideDown var(--transition-slow)ease-out}.email-config-panel label{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);display:block}.email-config-panel input{width:100%;margin-bottom:var(--spacing-xs)}.email-config-panel small{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);line-height:var(--line-height-relaxed);display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.publication-form{padding-top:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-xl)}.section-group{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-border);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-radius:var(--input-border-radius);margin-left:calc(-1*var(--spacing-lg));margin-right:calc(-1*var(--spacing-lg));background:linear-gradient(#0000 0%,#f8f9fa80 100%);position:relative}.section-group:before{content:"SECTION";top:-12px;left:var(--spacing-lg);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);color:#fff;box-shadow:var(--shadow-md);font-weight:var(--font-weight-bold);border-radius:20px;padding:6px 20px;position:absolute}.section-group:first-of-type{background:0 0;border-top:none;margin-top:0;margin-left:0;margin-right:0;padding-top:0;padding-left:0;padding-right:0}.section-group:first-of-type:before{content:none}.conclusion-group{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-border);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-radius:var(--input-border-radius);margin-left:calc(-1*var(--spacing-lg));margin-right:calc(-1*var(--spacing-lg));background:linear-gradient(#f8f9fa80 0%,#0000 100%)}.conclusion-group:before{content:none}.form-label,label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-normal);display:block;text-align:left!important}.form-required:after{content:" *";color:var(--color-warning);font-weight:var(--font-weight-bold);margin-left:2px}.form-input,.select-input select,select,textarea{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);border-radius:var(--input-border-radius);border:2px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-base);box-sizing:border-box;font-family:inherit;line-height:var(--line-height-normal);outline:none;padding:14px 20px}.form-input:hover,.select-input:hover select,textarea:hover{border-color:var(--color-border-hover);background:var(--color-input-bg-hover);box-shadow:var(--shadow-md)}.form-input:focus,.select-input:focus-within,textarea:focus,input:focus,select:focus{border-color:var(--color-border-focus);background:var(--color-input-bg);box-shadow:var(--shadow-focus);outline:none;transform:translateY(-1px)}.form-input::placeholder,textarea::placeholder{color:var(--color-text-placeholder);opacity:1}.select-input{border-radius:var(--input-border-radius);background:var(--color-input-bg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.select-input:hover{box-shadow:var(--shadow-md)}.select-input select{border:2px solid var(--color-border);appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%2320315E' d='M7 10L2 5h10z'/%3E%3C/svg%3E") right 18px center no-repeat;padding-right:50px}.select-input:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}select option{background:var(--color-card-bg);color:var(--color-text-primary);padding:12px}textarea.form-input,textarea{border-radius:var(--input-border-radius);resize:vertical;min-height:140px;line-height:var(--line-height-relaxed);font-family:inherit}.section-content{min-height:180px;padding-top:16px;padding-bottom:16px}.file-input-wrapper{align-items:center;gap:var(--spacing-sm);display:flex;position:relative}input[type=file].form-input,input[type=file]{cursor:pointer;flex:1;padding-right:120px}input[type=file]::-webkit-file-upload-button{visibility:hidden}input[type=file]:before{content:"📎 Choisir un fichier";background:var(--color-accent);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:8px;padding:8px 16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}input[type=file]:hover:before{background:var(--color-accent-dark);box-shadow:var(--shadow-md);transform:translateY(-50%)scale(1.02)}.file-name{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-xs);display:flex}.clear-button{background:var(--color-warning);color:#fff;width:32px;height:32px;font-size:20px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-button:hover{background:var(--color-warning-light);box-shadow:var(--shadow-md);transform:translateY(-50%)scale(1.1)}.clear-button:active{transform:translateY(-50%)scale(.95)}.error-hidden{font-size:var(--font-size-sm);color:var(--color-warning);margin-top:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-medium);animation:slideDown var(--transition-slow)ease-out;margin-bottom:0;display:flex}.error-hidden:before{content:"⚠️";font-size:16px}#submit-btn{width:100%;margin-top:var(--spacing-xl);border-radius:var(--button-border-radius);height:56px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);letter-spacing:.02em;transition:all var(--transition-base);text-transform:none;border:none;font-family:inherit;display:inline-flex;position:relative;overflow:hidden}#submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}#submit-btn:hover:not(:disabled):before{left:100%}#submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light)0%,var(--color-primary)100%);transform:translateY(-2px);box-shadow:0 12px 40px #20315e4d}#submit-btn:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}#submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submitted-card{text-align:center;padding:var(--spacing-2xl)var(--card-padding)calc(var(--card-padding) + var(--spacing-xl))!important}.submitted-card .form-header{margin-bottom:var(--spacing-xl);border-bottom:none;padding-bottom:0}.success-icon{width:100px;height:100px;margin:0 auto var(--spacing-xl);background:linear-gradient(135deg,var(--color-success)0%,#45a049 100%);color:#fff;font-size:56px;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;position:relative}.success-icon:after{content:"";border:3px solid var(--color-success);opacity:.3;border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-4px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}}#submitted-content{margin-top:var(--spacing-xl);font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px;padding:0 var(--spacing-lg);margin-left:auto;margin-right:auto}@media (max-width:768px){.publication-container{padding:var(--spacing-lg);padding-top:90px}.publication-container:before{width:80px;height:80px;top:10px}.publication-card{padding:var(--spacing-xl);border-radius:20px}.form-header h1{font-size:var(--font-size-2xl)}.form-header p{font-size:var(--font-size-base)}.section-group{padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:calc(-1*var(--spacing-md));margin-right:calc(-1*var(--spacing-md))}.section-group:before{left:var(--spacing-md);padding:5px 16px;font-size:10px}.conclusion-group{padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:calc(-1*var(--spacing-md));margin-right:calc(-1*var(--spacing-md))}.settings-button{width:44px;height:44px;font-size:18px}}@media (max-width:480px){.publication-container{padding:var(--spacing-md);padding-top:80px}.publication-container:before{width:70px;height:70px}.publication-card{padding:var(--spacing-lg);border-radius:16px}.form-header h1{font-size:var(--font-size-xl)}.form-input,.select-input select,textarea{font-size:var(--font-size-sm);padding:12px 16px}#submit-btn{height:52px;font-size:var(--font-size-base)}.section-group,.conclusion-group{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);margin-left:calc(-1*var(--spacing-sm));margin-right:calc(-1*var(--spacing-sm))}.section-group:before{left:var(--spacing-sm);padding:4px 12px;font-size:9px}}.form-input:focus-visible,.select-input:focus-within,textarea:focus-visible,button:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.error-hidden{padding:var(--spacing-xs)var(--spacing-sm);border-left:3px solid var(--color-warning);background:#ec6d061a;border-radius:8px}.select-input select option:checked{background:var(--color-primary);color:#fff}.select-input select option:hover{background:var(--color-panel-bg)}@media (prefers-reduced-motion:no-preference){.form-group{animation:.4s ease-out backwards fadeInUp}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}}