:focus-visible{outline:2px auto #0f766e;outline-offset:2px}:root{--bg:#f8fafc;--surface:#fff;--surface-soft:#f4f7fb;--surface-muted:#eff4fb;--text:#102a43;--muted:#536171;--border:#0f172a14;--shadow:0 20px 50px #0f172a14;--primary:#1f2937;--primary-soft:#e2e8f0;--brand-green:#0f766e;--accent-soft:#d9f7ee;--radius:22px;background-color:#f8fafc;color:#102a43;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:90px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f8fafc,#fff);color:#102a43;color:var(--text);line-height:1.7;margin:0;min-height:100vh}button,input,select,textarea{font:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f172a0d}::-webkit-scrollbar-thumb{background:#0f766e59;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#0f766e8c}.header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border-bottom:1px solid #0f172a14;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.1rem 0}.logo{color:#0f766e;font-size:1.4rem;gap:.65rem;letter-spacing:-.03em;text-decoration:none}.logo,.logo-mark{align-items:center;display:inline-flex;font-weight:800}.logo-mark{background:#0f766e;border-radius:50%;box-shadow:0 10px 20px #0f172a1f;color:#fff;height:38px;justify-content:center;width:38px}.logo:hover{color:#16635d}.nav-links{align-items:center;display:flex;gap:1.75rem;list-style:none}.nav-links a{color:#0f172a;font-weight:600;position:relative;text-decoration:none;transition:color .25s ease}.nav-links a:hover{color:#0f766e}.nav-links a:after{background:#0f766e;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.menu-toggle{background:none;border:none;color:#0f172a;cursor:pointer;display:none}@media (max-width:768px){.menu-toggle{display:block}.nav-links{background:#fff;box-shadow:0 24px 60px #0f172a1f;flex-direction:column;left:0;padding:2rem 1.5rem;position:fixed;top:100%;transform:translateY(-105vh);transition:transform .3s ease;width:100%}.nav-links-open{transform:translateY(0)}.nav-links a{border-bottom:1px solid #0f172a14;padding:.85rem 0;width:100%}.nav-links a:last-child{border-bottom:none;margin-top:1rem}}.hero{align-items:center;background:linear-gradient(180deg,#f6f8fb,#fff);color:#0f172a;display:flex;min-height:calc(100vh - 90px);overflow:hidden;padding-top:90px;position:relative}.hero-bg{inset:0;pointer-events:none;position:absolute}.hero-dot{background:#0f766e14;border-radius:999px;position:absolute}.hero-dot-1{height:220px;right:-80px;top:60px;width:220px}.hero-dot-2{bottom:40px;height:140px;left:24px;width:140px}.hero-inner{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:1.3fr .9fr;margin:0 auto;max-width:1160px;width:100%}.hero-content{max-width:620px;padding:3rem 0}.hero-eyebrow{color:#0f766e;display:inline-flex;font-size:.85rem;font-weight:700;letter-spacing:.2em;margin-bottom:1rem;text-transform:uppercase}.hero-title{font-size:clamp(3rem,5vw,4.6rem);font-weight:900;line-height:.98;margin-bottom:1.2rem}.hero-title span{color:#0f766e}.hero-role{color:#334e68;font-size:1.1rem;margin-bottom:1.6rem}.hero-role span{color:#0f766e;font-weight:700}.hero-description{color:#475569;font-size:1rem;line-height:1.85;margin-bottom:2rem;max-width:540px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.hero-photo-card{grid-gap:1.4rem;background:#ffffffeb;border:1px solid #0f172a14;border-radius:32px;box-shadow:0 35px 80px #0f172a14;display:grid;gap:1.4rem;justify-items:center;min-width:320px;padding:1.4rem}.hero-photo-frame{aspect-ratio:1/1;border:1px solid #0f766e24;border-radius:32px;overflow:hidden;width:100%}.hero-photo-image{display:block;height:100%;object-fit:cover;width:100%}.hero-photo-caption{text-align:center}.hero-photo-caption span{color:#102a43;display:block;font-size:1rem;font-weight:700}.hero-photo-caption small{color:#64748b;display:block;margin-top:.35rem}.hero-social{align-items:center;display:flex;gap:1rem}.hero-social a{background:#f8fafc;border-radius:14px;color:#0f172a;display:grid;height:44px;place-items:center;transition:background .25s ease,transform .25s ease;width:44px}.hero-social a:hover{background:#e2f3ee;transform:translateY(-2px)}.scroll-indicator{display:flex;justify-content:center;margin-top:2rem}.scroll-indicator a{align-items:center;background:#fff;border:1px solid #0f172a1f;border-radius:999px;color:#334e68;display:inline-flex;height:52px;justify-content:center;width:52px}@media (max-width:992px){.hero-inner{grid-template-columns:1fr;padding:0 1.25rem}.hero-content{text-align:center}.hero-buttons,.hero-social{justify-content:center}}@media (max-width:768px){.hero{padding-bottom:2.5rem;padding-top:80px}.hero-content{max-width:100%;padding-top:0}.hero-photo-card{margin:0 auto;max-width:360px;min-width:auto;width:100%}}@media (max-width:480px){.hero-title{font-size:2.75rem}.hero-description{max-width:100%}.hero-buttons{justify-content:center}.hero-photo-card{padding:1rem}}.about-section{background:#f8fbff}.about-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.45fr .95fr;margin-top:2.8rem}.about-stats-panel,.about-summary-card{background:#fff;border:1px solid #0f172a14;border-radius:28px;box-shadow:var(--shadow);padding:2.4rem}.about-summary-card{display:flex;flex-direction:column;gap:1.5rem}.about-tag{align-items:center;background:#0f766e1a;border-radius:999px;color:#0f766e;display:inline-flex;font-size:.92rem;font-weight:700;justify-content:center;padding:.75rem 1rem;width:-webkit-fit-content;width:fit-content}.about-summary-card h3{color:#102a43;font-size:clamp(1.9rem,2.4vw,2.4rem);font-weight:800;line-height:1.08}.about-summary-card p{color:#475569;font-size:1rem;line-height:1.8;margin:0}.about-highlights{border-top:1px solid #0f172a14;margin-top:1.5rem;padding-top:1.8rem}.about-highlights h4{color:#102a43;font-size:1.05rem;font-weight:700;margin-bottom:1rem}.about-highlights ul{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.about-highlights li{color:#475569;font-weight:500;padding-left:1.8rem;position:relative}.about-highlights li:before{background:#0f766e;border-radius:100%;content:"";height:8px;left:0;position:absolute;top:.45rem;width:8px}.stats-card{grid-gap:1.5rem;display:grid;gap:1.5rem}.stats-card h4{color:#102a43;font-size:1.15rem;font-weight:700;margin:0}.stats-description{color:#64748b;line-height:1.7;margin:0}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.25rem}.stat-block{grid-gap:.45rem;align-items:center;background:#f8fbff;border-radius:18px;display:grid;gap:.45rem;grid-template-columns:auto 1fr;padding:1rem}.stat-icon{background:#0f766e1a;border-radius:14px;color:#0f766e;display:grid;height:44px;place-items:center;width:44px}.stat-number{color:#102a43;font-size:1.65rem;font-weight:800}.stat-label{color:#64748b;font-weight:600;margin:0}@media (max-width:992px){.about-grid{grid-template-columns:1fr}}@media (max-width:768px){.about-stats-panel,.about-summary-card{padding:2rem}.about-highlights ul{grid-template-columns:1fr}}@media (max-width:480px){.about-stats-panel,.about-summary-card{padding:1.6rem}.about-tag{font-size:.85rem;padding:.65rem .95rem}}.skills-section{background:#f8fbff}.skills-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(4,minmax(240px,1fr));margin-top:2.5rem}.skill-category{background:#fff;border:1px solid #0f172a14;border-radius:24px;box-shadow:var(--shadow);overflow:hidden;padding:2.2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{box-shadow:0 28px 70px #0f172a1a;transform:translateY(-4px)}.skill-category:before{background:linear-gradient(135deg,#0f766e,#1d4ed8);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.category-title{color:#0f172a;font-size:1.45rem;font-weight:700;margin-bottom:1.8rem;text-align:center}.skills-list{gap:1.4rem}.skill-item,.skills-list{display:flex;flex-direction:column}.skill-item{gap:.65rem}.skill-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.skill-name{color:#0f172a;font-weight:600}.skill-percentage{color:#0f766e;font-size:.95rem;font-weight:700}.skill-bar{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.skill-progress{background:linear-gradient(135deg,#2563eb,#0d9488);border-radius:999px;height:100%;position:relative}.skill-progress:after{animation:shimmer 2.2s infinite;background:linear-gradient(90deg,#fff3,#ffffff14 50%,#fff3);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}@media (max-width:992px){.skills-grid{gap:1.5rem;grid-template-columns:repeat(2,minmax(240px,1fr))}.skill-category{padding:1.8rem}.category-title{font-size:1.3rem;margin-bottom:1.4rem}}@media (max-width:768px){.skills-grid{gap:1.5rem;grid-template-columns:1fr}.skill-category{padding:1.8rem}.category-title{font-size:1.3rem;margin-bottom:1.4rem}}@media (max-width:480px){.skill-category{padding:1.4rem}.category-title{font-size:1.2rem}.skill-header{gap:.6rem}}.projects-section{background:#0000}.projects-filters{background:#fff;border:1px solid #0f172a14;border-radius:24px;box-shadow:0 24px 60px #0f172a0d;display:flex;flex-direction:column;gap:1.5rem;margin:2.5rem 0 3rem;padding:2rem}.search-box{align-items:center;background:#f8fafc;border:1px solid #0f172a14;border-radius:16px;display:flex;gap:.75rem;max-width:460px;padding:.85rem 1.1rem}.search-box input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:1rem;outline:none}.category-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem}.filter-btn{background:#fff;border:1px solid #0f172a1f;border-radius:999px;color:#334155;cursor:pointer;font-size:.95rem;font-weight:600;padding:.7rem 1.25rem;transition:all .25s ease}.filter-btn.active,.filter-btn:hover{transform:translateY(-1px)}.filter-btn.active,.filter-btn.primary,.filter-btn:hover{background:#0f766e;border-color:#0f766e;color:#fff}.filter-btn.secondary{border-color:#0f766e;color:#0f172a}.projects-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.project-card{background:#fff;border:1px solid #0f172a14;border-radius:28px;box-shadow:0 24px 60px #0f172a0f;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 32px 80px #0f172a1a;transform:translateY(-8px)}.project-card.featured{border-color:#0f766e59}.project-card.featured:before{background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:999px;color:#fff;content:"Featured";font-size:.78rem;font-weight:700;padding:.35rem .85rem;position:absolute;right:1rem;top:1rem;z-index:2}.project-image{height:260px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{align-items:center;background:#0f172ac7;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-links a{align-items:center;background:#fffffff2;border-radius:50%;color:#0f172a;display:flex;height:54px;justify-content:center;text-decoration:none;transition:transform .25s ease,background .25s ease;width:54px}.project-links a:hover{background:#fff;transform:translateY(-2px)}.project-content{display:flex;flex:1 1;flex-direction:column;padding:2rem}.project-title{color:#0f172a;font-size:1.45rem;font-weight:700;margin-bottom:1rem}.project-description{color:#475569;flex:1 1;line-height:1.75;margin-bottom:1.75rem;min-height:90px}.project-technologies{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:auto}.tech-tag{font-size:.85rem;font-weight:600;padding:.45rem .9rem}.no-projects{color:#64748b;font-size:1rem;padding:3rem 1rem;text-align:center}@media (max-width:768px){.projects-filters{padding:1.6rem}.project-image{height:220px}.project-content{padding:1.6rem}.projects-grid{gap:1.5rem}.projects-filters{gap:1rem}}@media (max-width:480px){.projects-filters{padding:1.2rem}.search-box{max-width:100%;width:100%}.category-filters{gap:.6rem;justify-content:flex-start}.filter-btn{font-size:.85rem;padding:.6rem .95rem}.project-image{height:180px}.project-content{padding:1.3rem}.project-title{font-size:1.25rem}.projects-filters{padding:1rem}}.contact-section{background:#eef4fb}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:2.5rem}.contact-info h3{color:#0f172a;font-size:1.9rem;font-weight:700;margin-bottom:1.5rem}.contact-info>p{color:#475569;line-height:1.8}.contact-details,.contact-info>p{margin-bottom:2rem}.contact-item{align-items:center;background:#fff;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 20px 45px #0f172a0d;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;transition:transform .25s ease,box-shadow .25s ease}.contact-item:hover{box-shadow:0 24px 55px #0f172a14;transform:translateY(-2px)}.contact-icon{align-items:center;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:18px;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.contact-text h4{color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:.25rem}.contact-text a,.contact-text span{color:#475569;text-decoration:none;transition:color .25s ease}.contact-text a:hover{color:#0f766e}.social-links{background:#fff;border:1px solid #0f172a14;border-radius:24px;box-shadow:var(--shadow);padding:2rem}.social-links h4{color:#0f172a;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.social-icons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.social-icon{align-items:center;background:#0f766e12;border-radius:18px;color:#0f766e;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;text-decoration:none;transition:all .25s ease}.social-icon:hover{background:#0f766e24;transform:translateY(-2px)}.social-icon span{font-size:.85rem;font-weight:600}.contact-form-container{background:#fff;border:1px solid #0f172a14;border-radius:28px;box-shadow:var(--shadow);padding:2.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.success-message{background:#dcfce7;border:1px solid #bbf7d0;border-radius:14px;color:#166534;padding:1rem;text-align:center}.message,.success-message{animation:slideDown .3s ease}.message{margin-bottom:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{background:#f8fafc;border:1px solid #0f172a1f;border-radius:16px;font-family:inherit;font-size:1rem;padding:1rem;transition:border-color .25s ease,box-shadow .25s ease}.form-group input:focus,.form-group textarea:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1f;outline:none}.submit-btn{border-radius:16px}@media (max-width:992px){.contact-content{grid-template-columns:1fr}}@media (max-width:768px){.contact-form-container{padding:2rem}.form-row{grid-template-columns:1fr}.social-icons{flex-wrap:wrap}.social-icon{min-width:120px}}@media (max-width:480px){.contact-form-container{padding:1.6rem}.contact-item{flex-direction:column;gap:.75rem;text-align:center}.contact-icon{height:44px;width:44px}.social-links{padding:1.5rem}}.footer{background:#fff;color:#0f172a;padding:3rem 0 1.5rem}.footer-inner{grid-gap:2.5rem;align-items:flex-start;border-bottom:1px solid #0f172a0f;display:grid;gap:2.5rem;grid-template-columns:1.65fr 1fr 1fr;padding-bottom:1.75rem}.footer-logo{color:#0f172a;font-size:1.6rem;font-weight:800;letter-spacing:.08em;margin-bottom:1rem}.footer-logo-mark{align-items:center;background:#0f766e;border-radius:50%;box-shadow:0 8px 18px #0f172a0f;color:#fff;display:inline-flex;font-weight:800;height:42px;justify-content:center;width:42px}.footer-copy{color:#334155;line-height:1.9;margin:0;max-width:420px}.footer-contact-group,.footer-links-group{display:flex;flex-direction:column;gap:1rem}.footer-contact-group h4,.footer-links-group h4{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0}.footer-contact-group a,.footer-links-group a{color:#0f172a;text-decoration:none;transition:color .2s ease,transform .15s ease}.footer-contact-group a:hover,.footer-links-group a:hover{color:#0f766e;transform:translateX(4px)}.footer-social{display:flex;gap:.75rem}.footer-social a{background:#0f766e14;border-radius:10px;color:#0f766e;display:inline-grid;height:42px;place-items:center;transition:transform .2s ease,background .2s ease,color .2s ease;width:42px}.footer-social a:hover{background:#0f766e;color:#fff;transform:translateY(-4px)}.footer-bottom{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:.95rem;gap:1rem;justify-content:space-between;margin-top:1.5rem}.footer-love{align-items:center;display:inline-flex;gap:.3rem}.heart{animation:heartbeat 2s ease-in-out infinite;color:#0f766e}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media (max-width:992px){.footer-inner{grid-template-columns:1fr;padding-bottom:1rem;text-align:center}.footer-branding,.footer-contact-group,.footer-links-group{align-items:center;justify-content:center}.footer-copy{margin:0 auto}.footer-bottom{justify-content:center;text-align:center}}@media (max-width:480px){.footer{padding:2.4rem 0 1.2rem}.footer-inner{gap:1.25rem}.footer-logo-mark{height:48px;width:48px}.footer-social a{height:40px;width:40px}.footer-bottom{flex-direction:column}}.upload-page{background:linear-gradient(180deg,#f3f7fb,#eef4fb);min-height:100vh;padding:120px 0 40px}.upload-header{margin-bottom:2.5rem;text-align:center}.upload-header h1{color:#0f172a;font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.75rem}.upload-header p{color:#475569;font-size:1rem}.upload-form{background:#fff;border:1px solid #0f172a14;border-radius:28px;box-shadow:var(--shadow);margin:0 auto;max-width:900px;padding:3rem}.message{border-radius:14px;font-weight:600;margin-bottom:1.8rem;padding:1rem;text-align:center}.message.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.form-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:#0f172a;display:flex;font-weight:700;gap:.5rem;margin-bottom:.65rem}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1px solid #0f172a1f;border-radius:16px;font-size:1rem;padding:1rem;transition:border-color .25s ease,box-shadow .25s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1f;outline:none}.form-group textarea{min-height:140px;resize:vertical}.image-preview{border-radius:18px;margin-top:1rem;max-width:100%;overflow:hidden}.image-preview img{height:240px;object-fit:cover;width:100%}.tech-input-wrapper{display:flex;gap:.75rem;margin-bottom:1rem}.tech-input-wrapper input{flex:1 1;margin-bottom:0}.add-tech-btn{background:linear-gradient(135deg,#0f766e,#10b981);border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:700;padding:1rem 1.4rem;transition:background .25s ease,transform .25s ease}.add-tech-btn:hover{background:linear-gradient(135deg,#065f46,#0f766e);transform:translateY(-2px)}.tech-tags{display:flex;flex-wrap:wrap;gap:.65rem}.tech-tag{background:#0f766e1f;border-radius:999px;font-size:.9rem;font-weight:700;gap:.5rem;padding:.55rem .9rem}.remove-tech,.tech-tag{align-items:center;color:#0f766e;display:flex}.remove-tech{background:none;border:none;cursor:pointer;padding:0}.remove-tech:hover{color:#991b1b}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{cursor:pointer;font-weight:600;gap:.75rem}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #0f172a29;border-radius:6px;height:22px;position:relative;transition:all .25s ease;width:22px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#0f766e;border-color:#0f766e}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.upload-section .highlight{background:#0f766e0f}.tag.badge{background:#0f766e14;color:#0f766e}.submit-btn{align-items:center;background:linear-gradient(135deg,#0f766e,#0d9488);border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:1.15rem;transition:transform .25s ease,box-shadow .25s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 16px 35px #0f766e2e;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.75}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.upload-page{padding:100px 0 40px}.upload-form{margin:0 1rem;padding:2rem}.form-grid{gap:1rem;grid-template-columns:1fr}.tech-input-wrapper{flex-direction:column}.add-tech-btn{width:100%}}@media (max-width:480px){.upload-form{padding:1.5rem}.upload-header h1{font-size:1.9rem}}.App{background:#0000;min-height:100vh;text-align:left}.container{margin:0 auto;max-width:1180px;padding:0 24px}.section{padding:100px 0}.section-title{color:#0f172a;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.section-subtitle{color:#475569;font-size:1rem;line-height:1.8;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:680px}.btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.98rem;font-weight:600;gap:.7rem;justify-content:center;padding:.95rem 1.8rem;text-align:center;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn-primary{background:#0f766e;box-shadow:0 14px 30px #0f172a1f;color:#fff}.btn-primary:hover{box-shadow:0 18px 40px #0f172a29;transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #0f172a1f;color:#0f766e}.btn-secondary:hover{background:#0f172a0f}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 30px 70px #0f172a1f;transform:translateY(-6px)}.fade-in{animation:fadeIn .6s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.slide-up{animation:slideUp .6s ease forwards;opacity:0;transform:translateY(30px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.section{padding:70px 0}.container{padding:0 18px}.section-subtitle{font-size:.95rem;max-width:100%}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:480px){.section{padding:60px 0}}
/*# sourceMappingURL=main.f66e9cba.css.map*/