.navbar{display:flex;align-items:center;justify-content:space-between;background:#181c24;padding:18px 36px;border-radius:18px 18px 0 0;margin:0;box-shadow:0 4px 24px #00000030;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center}.logo-gradient{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#3cf2ff,#7b61ff);margin-right:10px;box-shadow:0 2px 12px #3cf2ff55}.logo-text{font-size:1.35rem;font-weight:700;background:linear-gradient(90deg,#3cf2ff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.navbar-links li a.active{color:#3cf2ff;border-bottom:2px solid #3cf2ff}.navbar-links li a{color:#bfc9e6;font-weight:500;text-decoration:none;font-size:1.05rem;transition:color .2s;padding-bottom:4px;border-bottom:2px solid transparent}.navbar-links li a:hover,.navbar-links li a:focus{color:#fff;border-bottom:2px solid #3cf2ff}.navbar-links li:nth-child(3) a{color:#3cf2ff;border-bottom:2px solid #3cf2ff}.get-started-btn{background:linear-gradient(90deg,#3cf2ff,#7b61ff);color:#fff;border:none;border-radius:12px;padding:10px 26px;font-weight:700;font-size:1.05rem;cursor:pointer;transition:box-shadow .2s,background .2s;box-shadow:0 2px 12px #3cf2ff33}.get-started-btn:hover{background:linear-gradient(90deg,#7b61ff,#3cf2ff);box-shadow:0 4px 24px #7b61ff44}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;margin-right:14px;z-index:120}.hamburger span{display:block;height:4px;width:28px;background:linear-gradient(90deg,#3cf2ff,#7b61ff);border-radius:2px;transition:.3s}@media (max-width: 900px){.navbar{flex-wrap:wrap;padding:14px 10px}.logo-text{font-size:1.1rem}.navbar-links{position:absolute;left:0;top:70px;width:100%;background:#181c24;flex-direction:column;align-items:flex-start;padding:18px 0 18px 24px;gap:18px;display:none;box-shadow:0 8px 24px #0002;border-radius:0 0 18px 18px;z-index:110}.navbar-links.open{display:flex}.navbar-right{margin-left:auto}.hamburger{display:flex}}@media (min-width: 901px){.navbar-links{display:flex!important;position:static;flex-direction:row;align-items:center;background:none;box-shadow:none;padding:0;gap:32px}.hamburger{display:none}}.upload-page{min-height:100vh;background:#131522;color:#fff;display:flex;flex-direction:column;align-items:center;padding:32px 8px 0}.upload-title{font-size:3.2rem;font-weight:800;margin-bottom:8px;text-align:center}.upload-subtitle{color:#bfc9e6;font-size:1.25rem;margin-bottom:36px;font-weight:400;text-align:center}.upload-dropzone{width:90%;max-width:1100px;min-height:380px;background:#181c24;border:2px dashed #444857;border-radius:18px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;transition:border-color .2s;position:relative}.upload-dropzone.active{border-color:#3cf2ff}.upload-drop-content{display:flex;flex-direction:column;align-items:center;width:100%}.upload-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#3cf2ff,#7b61ff);box-shadow:0 2px 24px #3cf2ff44;margin-bottom:24px}.upload-drop-title{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:8px;text-align:center}.upload-drop-desc{color:#bfc9e6;margin-bottom:24px;text-align:center;display:block}.upload-choose-btn{background:linear-gradient(90deg,#3cf2ff,#7b61ff);color:#fff;border:none;border-radius:12px;padding:12px 32px;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 2px 12px #3cf2ff33;transition:background .2s,box-shadow .2s}.upload-choose-btn:hover{background:linear-gradient(90deg,#7b61ff,#3cf2ff);box-shadow:0 4px 24px #7b61ff44}.upload-success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#00ffb8,#3cf2ff);box-shadow:0 2px 24px #00ffb844;margin-bottom:24px}.upload-file-name{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:8px;text-align:center;word-break:break-all}.upload-file-info{color:#bfc9e6;margin-bottom:24px;text-align:center}.upload-btn-row{display:flex;gap:18px;margin-top:8px}.upload-analyze-btn{background:linear-gradient(90deg,#3cf2ff,#7b61ff);color:#fff;border:none;border-radius:12px;padding:12px 32px;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 2px 12px #3cf2ff33;transition:background .2s,box-shadow .2s}.upload-analyze-btn:hover{background:linear-gradient(90deg,#7b61ff,#3cf2ff);box-shadow:0 4px 24px #7b61ff44}.upload-reset-btn{background:#181c24;border:2px solid #444857;color:#fff;border-radius:12px;padding:12px 32px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background .2s,color .2s}.upload-reset-btn:hover{background:#23243a;color:#3cf2ff}.hidden{display:none}@media (max-width: 700px){.upload-title{font-size:2rem}.upload-dropzone{min-height:260px;padding:16px 0}.upload-drop-title{font-size:1.1rem}}.analysis-page{min-height:100vh;background:#10121a;color:#fff;display:flex;justify-content:center;align-items:flex-start;padding:40px 0}.analysis-container{display:flex;gap:36px;width:90vw;max-width:1400px;align-items:stretch}.analysis-left{flex:1.1;display:flex;flex-direction:column;align-items:center}.resume-card{background:#181c24;border-radius:18px;box-shadow:0 2px 24px #0002;padding:24px 18px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;height:100%}.resume-card-title{font-size:1.3rem;font-weight:700;margin-bottom:18px;color:#3cf2ff;letter-spacing:1px}.resume-preview{width:100%;height:600px;border:none;border-radius:10px;background:#23243a;box-shadow:0 2px 12px #3cf2ff22;flex:1}.resume-placeholder{display:flex;flex-direction:column;align-items:center;color:#bfc9e6;margin-top:40px}.analysis-right{flex:2;display:flex;flex-direction:column;gap:24px}.score-card{display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,#3cf2ff,#7b61ff);border-radius:16px;padding:24px 32px;box-shadow:0 2px 24px #3cf2ff33;margin-bottom:8px;border:3px solid #fff}.score-value{font-size:3rem;font-weight:900;color:#fff;letter-spacing:2px}.score-icon{font-size:2.5rem;background:#181c24;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-right:10px}.score-label{font-size:1.1rem;color:#23243a;font-weight:600;margin-bottom:2px}.analysis-section-card{background:#181c24;border-radius:16px;padding:22px 28px;box-shadow:0 2px 24px #0002;margin-bottom:0}.analysis-section-card .section-title{font-size:1.2rem;font-weight:700;margin-bottom:12px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.analysis-section-card.strengths{border-left:5px solid #3cf2ff}.analysis-section-card.weaknesses{border-left:5px solid #ff6bcb}.analysis-section-card.suggestions{border-left:5px solid #7b61ff}.analysis-section-card ul{margin:0;padding-left:18px;color:#bfc9e6;font-size:1.05rem}.no-analysis{color:#bfc9e6;font-size:1.2rem;margin-top:40px}@media (max-width: 500px){.analysis-container{flex-direction:column;align-items:center;gap:18px}.analysis-left,.analysis-right{width:100%;max-width:100vw}.resume-card{max-width:100vw;width:100%;padding:10px 0;min-height:unset;background:#181c24;box-shadow:0 2px 24px #0002;border-radius:18px;display:flex;flex-direction:column;align-items:center}.resume-preview{width:96vw;min-width:0;height:70vw;max-height:70vw;border-radius:8px;background:#23243a;box-shadow:0 2px 12px #3cf2ff22;display:block}}.contact-section{min-height:100vh;background:#131522;color:#fff;display:flex;flex-direction:column;align-items:center;padding:32px 8px 0}.contact-title{font-size:3.2rem;font-weight:800;margin-bottom:8px;text-align:center}.contact-subtitle{color:#bfc9e6;font-size:1.25rem;margin-bottom:36px;font-weight:400;text-align:center}.contact-grid{display:flex;gap:32px;justify-content:center;align-items:flex-start;width:100%;max-width:1100px;margin:0 auto;flex-wrap:wrap}.contact-form{background:#181c24;border-radius:18px;box-shadow:0 2px 24px #0002;padding:32px 28px 28px;width:380px;display:flex;flex-direction:column;gap:18px}.contact-form label{font-weight:600;margin-bottom:4px;color:#fff;display:flex;flex-direction:column;gap:6px}.contact-form input,.contact-form textarea{background:#23243a;border:none;border-radius:8px;padding:12px;color:#fff;font-size:1rem;margin-top:4px;margin-bottom:0;outline:none;transition:border .2s}.contact-form input:focus,.contact-form textarea:focus{border:1.5px solid #3cf2ff}.contact-send-btn{background:linear-gradient(90deg,#3cf2ff,#7b61ff);color:#fff;border:none;border-radius:12px;padding:14px 0;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:12px;transition:background .2s,box-shadow .2s;box-shadow:0 2px 12px #3cf2ff33}.contact-send-btn:hover{background:linear-gradient(90deg,#7b61ff,#3cf2ff);box-shadow:0 4px 24px #7b61ff44}.contact-info{display:flex;flex-direction:column;gap:24px;width:380px}.contact-card{background:#181c24;border-radius:18px;box-shadow:0 2px 24px #0002;padding:24px 24px 20px;display:flex;align-items:flex-start;gap:18px;margin-bottom:0;margin-top:0}.contact-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.contact-card-icon.email{background:linear-gradient(135deg,#3cf2ff,#7b61ff)}.contact-card-icon.time{background:linear-gradient(135deg,#ff6bcb,#7b61ff)}.contact-card-title{font-weight:700;color:#fff;font-size:1.1rem;margin-bottom:2px}.contact-card-link{color:#bfc9e6;text-decoration:none;font-size:1rem;word-break:break-all}.contact-card-link:hover{color:#3cf2ff;text-decoration:underline}.contact-card-desc{color:#bfc9e6;font-size:1rem}.contact-social-row{display:flex;gap:12px;margin-top:8px}.contact-social-icon{width:38px;height:38px;border-radius:8px;background:#23243a;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;transition:background .2s,color .2s;text-decoration:none}.contact-social-icon:hover{background:#3cf2ff;color:#23243a}@media (max-width: 900px){.contact-grid{flex-direction:column;align-items:center;gap:24px}.contact-form,.contact-info{width:100%;max-width:500px}}.landing{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#23243a 60%,#181c24);display:flex;align-items:flex-start;justify-content:center;padding-top:0;position:relative;overflow:hidden}.landing-content{width:100%;max-width:1100px;margin:0 auto;text-align:center;z-index:1}.landing-title{font-size:3.2rem;font-weight:800;margin-bottom:18px;line-height:1.1;letter-spacing:-2px;color:#fff;position:relative;z-index:2}.landing-subtitle{color:#bfc9e6;font-size:1.25rem;margin-bottom:36px;font-weight:400}.landing-buttons{display:flex;justify-content:center;gap:24px;margin-bottom:48px}.upload-btn{background:linear-gradient(90deg,#3cf2ff,#7b61ff);color:#fff;border:none;border-radius:32px;padding:16px 38px;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 2px 16px #3cf2ff33;transition:background .2s,box-shadow .2s;display:flex;align-items:center;gap:8px}.upload-btn:hover{background:linear-gradient(90deg,#7b61ff,#3cf2ff);box-shadow:0 4px 24px #7b61ff44}.how-btn{background:transparent;color:#3cf2ff;border:2px solid #3cf2ff;border-radius:32px;padding:16px 32px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.how-btn:hover{background:#3cf2ff22;color:#fff}.features-row{display:flex;justify-content:center;gap:32px;margin-top:32px;flex-wrap:wrap}.feature-card{background:#23243a;border-radius:18px;box-shadow:0 2px 24px #0002;padding:32px 28px 28px;width:260px;display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.feature-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:700;margin-bottom:18px}.ai-icon{background:linear-gradient(135deg,#3cf2ff,#7b61ff);color:#fff;box-shadow:0 2px 12px #3cf2ff55}.instant-icon{background:linear-gradient(135deg,#ff6bcb,#7b61ff);color:#fff;box-shadow:0 2px 12px #ff6bcb55}.target-icon{background:linear-gradient(135deg,#3cf2ff,#00ffb8);color:#fff;box-shadow:0 2px 12px #00ffb855}.feature-title{color:#fff;font-size:1.15rem;font-weight:700;margin-bottom:8px}.feature-desc{color:#bfc9e6;font-size:1rem;text-align:center}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#181c24;color:#fff;min-height:100vh}.gradient-text{background:linear-gradient(90deg,#3cf2ff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
