:root{
  --bg:#050712;
  --panel:rgba(8,12,27,.88);
  --panel-soft:rgba(14,19,38,.78);
  --line:rgba(255,255,255,.10);
  --line-violet:rgba(126,91,255,.48);
  --text:#f4f7ff;
  --muted:#aab3cc;
  --dim:#7e89aa;
  --blue:#2daaff;
  --violet:#9c28ff;
  --green:#88efc1;
  --red:#ff9aaa;
  --radius:28px;
  --shadow:0 30px 90px rgba(0,0,0,.48);
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{min-height:100%;margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:#9db4ff;text-decoration:none}
a:hover{color:#c4d0ff}
[hidden]{display:none!important}

.nl-page{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}
.nl-bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 50% 13%,rgba(82,91,255,.18),transparent 28%),radial-gradient(circle at 4% 55%,rgba(36,172,255,.18),transparent 25%),radial-gradient(circle at 94% 38%,rgba(142,76,255,.28),transparent 30%),linear-gradient(180deg,#060916 0%,#050713 52%,#03040a 100%)}
.nl-stars{position:absolute;inset:0;opacity:.24;background-image:radial-gradient(circle at 10% 15%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 23% 36%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 44% 18%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 69% 26%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 82% 61%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 37% 72%,#fff 0 1px,transparent 1.6px)}
.nl-orb{position:absolute;width:80vmax;height:80vmax;border-radius:50%;filter:blur(34px);opacity:.42;pointer-events:none}
.nl-orb-a{left:-42vmax;top:30%;background:radial-gradient(circle at 65% 50%,rgba(46,169,255,.55),transparent 20%),radial-gradient(circle at 70% 42%,rgba(141,76,255,.35),transparent 29%)}
.nl-orb-b{right:-45vmax;top:3%;background:radial-gradient(circle at 36% 40%,rgba(139,91,255,.62),transparent 18%),radial-gradient(circle at 30% 48%,rgba(78,116,255,.35),transparent 30%)}
.nl-horizon{position:absolute;left:50%;bottom:-58vmin;width:155vmin;height:82vmin;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 0%,rgba(96,129,255,.30),transparent 48%),radial-gradient(ellipse at 50% 0%,rgba(72,168,255,.17),transparent 58%);box-shadow:0 -1px 28px rgba(86,112,255,.46),0 -18px 110px rgba(89,72,255,.20)}
.nl-horizon::before{content:"";position:absolute;left:10%;right:10%;top:8%;height:2px;background:linear-gradient(90deg,transparent,rgba(66,169,255,.62),rgba(152,95,255,.58),transparent)}

.nl-shell{width:min(1240px,calc(100% - 32px));min-height:100svh;margin:0 auto;padding:24px 0 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.nl-brand{display:flex;flex-direction:column;align-items:center;text-align:center;animation:nl-rise .6s ease both}
.nl-brand picture{display:block;width:min(520px,72vw);aspect-ratio:2.2;overflow:hidden;line-height:0}
.nl-brand-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(78,79,255,.16))}
.nl-brand p{margin:8px 0 28px;color:#9ba6c8;font-size:15px;letter-spacing:.025em;text-shadow:0 0 20px rgba(86,95,255,.18)}

.nl-auth-card{position:relative;width:min(920px,100%);padding:34px 68px 24px;border:1px solid var(--line-violet);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),radial-gradient(circle at 50% 0%,rgba(127,93,255,.14),transparent 46%),var(--panel);box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.025) inset,0 0 40px rgba(128,82,255,.18);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden;animation:nl-rise .65s .06s ease both}
.nl-auth-card::before{content:"";position:absolute;inset:-130px -80px auto;height:220px;background:radial-gradient(ellipse at center,rgba(145,83,255,.16),transparent 66%);pointer-events:none}
.nl-card-glow{position:absolute;left:17%;right:17%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#655cff,#c6b7ff,#34ccff,transparent);box-shadow:0 0 20px rgba(133,89,255,.72)}
.nl-auth-head{position:relative;text-align:center;margin-bottom:22px}
.nl-auth-head h1,.nl-auth-head h2{margin:0;font-size:clamp(34px,4vw,46px);line-height:1.06;letter-spacing:-.045em}
.nl-auth-head h1 span,.nl-auth-head h2 span{background:linear-gradient(90deg,#f8fbff,#b7c5ff,#a96eff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nl-auth-head p{margin:8px 0 0;color:var(--muted);font-size:16px}

.nl-tabs{position:relative;width:min(740px,100%);margin:0 auto 18px;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;background:rgba(2,6,20,.66);isolation:isolate}
.nl-tabs::before{content:"";position:absolute;z-index:0;inset:0 auto 0 0;width:50%;border-radius:17px;background:linear-gradient(90deg,rgba(48,158,255,.42),rgba(117,65,230,.58));box-shadow:inset 0 0 0 1px rgba(117,103,255,.38),0 8px 24px rgba(74,72,225,.15);transform:translate3d(0,0,0);transition:transform .36s cubic-bezier(.22,1,.36,1),filter .22s ease}
.nl-tabs[data-active="email"]::before{transform:translate3d(100%,0,0)}
.nl-tab{position:relative;z-index:1;min-height:56px;border:0;border-right:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;gap:12px;color:#aeb8d3;background:transparent;font-weight:800;font-size:17px;cursor:pointer;transition:color .24s ease,text-shadow .24s ease,transform .24s ease}
.nl-tab:last-child{border-right:0}
.nl-tab svg{width:23px;height:23px;fill:currentColor;transition:transform .32s cubic-bezier(.22,1,.36,1)}
.nl-tab.is-active{color:#fff;text-shadow:0 0 18px rgba(216,226,255,.25)}
.nl-tab.is-active svg{transform:translateY(-1px) scale(1.04)}
.nl-tab:active{transform:scale(.985)}
.nl-tab:focus-visible{z-index:2;outline:3px solid rgba(84,224,255,.72);outline-offset:-3px}

.nl-auth-body{position:relative;width:min(740px,100%);min-height:174px;margin:0 auto;padding-top:12px;overflow:hidden;transition:height .38s cubic-bezier(.22,1,.36,1)}
.nl-auth-panel{position:absolute;inset:0 0 auto;width:100%;padding-top:2px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(18px,0,0) scale(.992);filter:blur(1.5px);transition:opacity .22s ease,transform .38s cubic-bezier(.22,1,.36,1),filter .24s ease,visibility 0s linear .38s}
.nl-auth-body[data-direction="forward"] .nl-auth-panel:not(.is-active){transform:translate3d(-18px,0,0) scale(.992)}
.nl-auth-body[data-direction="backward"] .nl-auth-panel:not(.is-active){transform:translate3d(18px,0,0) scale(.992)}
.nl-auth-panel.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);filter:none;transition-delay:.055s,.055s,.055s,0s}
.nl-auth-body.is-switching .nl-auth-panel{will-change:opacity,transform,filter}
.nl-method-title{display:flex;align-items:center;gap:18px;margin:0 auto 12px}
/* NEROLINK_AUTH_ICON_NO_EXTERNAL_GLOW_V106 */
.nl-method-icon{position:relative;isolation:isolate;overflow:hidden;flex:0 0 86px;width:86px;height:86px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 45% 38%,rgba(64,179,255,.30),rgba(10,16,37,.94) 58%);border:1px solid rgba(117,103,255,.42);box-shadow:inset 0 0 24px rgba(63,128,255,.18),inset 0 0 0 8px rgba(55,74,139,.055)}
.nl-method-icon svg{width:54px;height:54px;fill:#eef4ff}
.nl-telegram-icon svg{padding:10px;border-radius:50%;background:linear-gradient(145deg,#28baff,#5d5cff);filter:drop-shadow(0 4px 7px rgba(38,111,255,.20))}
.nl-method-title h2{margin:0 0 6px;font-size:23px;line-height:1.15}
.nl-method-title p{margin:0;color:var(--muted);font-size:15px}
.nl-primary-btn,.nl-secondary-btn,.nl-open-cabinet-btn{width:100%;min-height:58px;border:0;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff!important;background:linear-gradient(90deg,#2eacff 0%,#6478ff 48%,#b81fff 100%);box-shadow:0 15px 34px rgba(89,71,255,.24),inset 0 1px 0 rgba(255,255,255,.17);font-weight:850;font-size:17px;text-decoration:none;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.nl-primary-btn svg{width:24px;height:24px;fill:currentColor}
.nl-primary-btn:hover,.nl-secondary-btn:hover,.nl-open-cabinet-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.nl-primary-btn:focus-visible,.nl-secondary-btn:focus-visible,.nl-open-cabinet-btn:focus-visible,.nl-email-back-btn:focus-visible{outline:3px solid rgba(84,224,255,.72);outline-offset:3px}
.nl-secondary-btn:disabled{cursor:wait;opacity:.72;transform:none}

.nl-email-title{margin-bottom:16px}
.nl-email-icon svg{width:43px;height:43px}
.nl-field{margin:0 0 12px}
.nl-field label{display:block;margin:0 0 7px;color:#aab4d2;font-size:13px;font-weight:750}
.nl-field input{width:100%;min-height:58px;padding:0 20px;border:1px solid rgba(121,98,255,.58);border-radius:17px;background:rgba(3,8,30,.86);box-shadow:inset 0 0 0 1px rgba(92,64,255,.10),0 0 0 4px rgba(71,43,220,.05);color:#fff;font-size:17px;outline:none}
.nl-field input::placeholder{color:#8993b1;opacity:1}
.nl-field input:focus{border-color:#7e79ff;box-shadow:0 0 0 4px rgba(87,79,255,.18)}
.nl-field input[readonly]{color:#dfe7ff;background:rgba(5,10,30,.72)}
#emailCodeInput{text-align:center;font-weight:850;letter-spacing:.24em}
.nl-email-back-btn{width:100%;min-height:44px;margin:6px 0 0;padding:0;border:0;background:transparent;color:#9aa7ca;font-weight:750;cursor:pointer}
.nl-email-back-btn:hover{color:#fff}
.nl-email-note{min-height:22px;margin:8px 0 0;text-align:center;color:#aab4d2;font-size:14px;line-height:1.4}
.nl-email-note.is-success{color:var(--green)}
.nl-email-note.is-error{color:var(--red)}
.nl-email-delivery-hint{margin:5px 0 0;text-align:center;color:#8e9abc;font-size:12px;line-height:1.45}
.nl-open-cabinet-wrap{text-align:center}
.nl-open-cabinet-wrap p{margin:10px 0 0;color:var(--dim);font-size:13px}

.nl-legal{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);color:#8994b6;font-size:12px;line-height:1.45;text-align:center}
.nl-legal svg{flex:0 0 18px;width:18px;height:18px;fill:#8796c2}

.nl-benefits{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;animation:nl-rise .7s .12s ease both}
.nl-benefit{min-height:108px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),rgba(8,12,27,.78);box-shadow:0 16px 44px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
.nl-benefit-icon{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(140,70,255,.64);background:radial-gradient(circle at 50% 45%,rgba(111,55,255,.20),rgba(6,9,21,.95));box-shadow:0 0 28px rgba(111,58,255,.16)}
.nl-benefit-icon svg{width:28px;height:28px;fill:#8e57ff}
.nl-benefit h3{margin:0 0 6px;color:#edf1ff;font-size:17px;line-height:1.18}
.nl-benefit p{margin:0;color:#9ea8c2;font-size:14px;line-height:1.45}
.nl-price-accent{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}
.nl-price-accent span{font-size:25px;font-weight:950;letter-spacing:-.04em;background:linear-gradient(90deg,#35a9ff,#826bff,#c021ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nl-price-accent small{font-size:12px;color:#b7bfd4}

@keyframes nl-rise{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}

@media (max-width:980px){
  .nl-shell{width:min(760px,calc(100% - 28px));padding-top:16px}
  .nl-brand picture{width:min(480px,78vw)}
  .nl-brand p{margin:7px 0 25px}
  .nl-auth-card{padding:30px 42px 22px}
  .nl-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:620px){
  .nl-shell{width:calc(100% - 22px);padding:4px 0 24px;gap:8px;justify-content:flex-start}
  .nl-brand picture{width:min(330px,92vw)}
  .nl-brand p{margin:6px 0 20px;font-size:10px}
  .nl-auth-card{padding:25px 16px 18px;border-radius:22px}
  .nl-auth-head{margin-bottom:17px}
  .nl-auth-head h1,.nl-auth-head h2{font-size:34px}
  .nl-auth-head p{font-size:15px}
  .nl-tabs{margin-bottom:18px;border-radius:16px}
  .nl-tab{min-height:53px;gap:9px;font-size:16px}
  .nl-tab svg{width:21px;height:21px}
  .nl-auth-body{min-height:0}
  .nl-method-title{flex-direction:column;gap:12px;text-align:center;margin:2px auto 14px}
  .nl-method-icon{flex-basis:82px;width:82px;height:82px}
  .nl-method-icon svg{width:50px;height:50px}
  .nl-method-title h2{font-size:21px}
  .nl-method-title p{font-size:14px}
  .nl-primary-btn,.nl-secondary-btn,.nl-open-cabinet-btn{min-height:56px;font-size:16px;border-radius:15px}
  .nl-field input{min-height:56px;font-size:16px;border-radius:15px}
  .nl-legal{margin-top:13px;padding-top:13px;font-size:11px}
  .nl-benefits{grid-template-columns:1fr;gap:12px;margin-top:0}
  .nl-benefit{min-height:100px;padding:18px;border-radius:18px}
  .nl-benefit-icon{flex-basis:58px}
}

@media (max-width:350px){
  .nl-shell{width:calc(100% - 18px)}
  .nl-brand picture{width:285px}
  .nl-brand p{margin:5px 0 17px;font-size:8px}
  .nl-auth-card{padding-inline:14px}
  .nl-auth-head h1,.nl-auth-head h2{font-size:31px}
  .nl-tab{font-size:15px}
  .nl-primary-btn{font-size:15px}
}

@media (min-width:900px) and (max-height:820px){
  .nl-shell{justify-content:flex-start;padding-top:4px;gap:4px}
  .nl-brand picture{width:430px}
  .nl-brand p{margin:6px 0 20px;font-size:13px}
  .nl-auth-card{padding-top:28px;padding-bottom:20px}
  .nl-benefit{min-height:96px;padding-block:16px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* NEROLINK_LANDING_COMPACT_V111 */
.nl-shell{justify-content:flex-start;padding-top:18px;gap:14px}
.nl-brand-compact{margin:0 0 2px}
.nl-brand-compact picture{width:min(500px,72vw)}
.nl-auth-card{margin-top:0}
.nl-auth-head h1{margin:0;font-size:clamp(34px,4vw,46px);line-height:1.06;letter-spacing:-.045em}
.nl-auth-head h1 span{background:linear-gradient(90deg,#f8fbff,#b7c5ff,#a96eff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nl-benefits{margin-top:0}
.nl-benefit{min-height:102px}
.nl-compact-footer{width:100%;padding:10px 6px 22px;color:#7f8aa7;text-align:center}
.nl-compact-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 20px}
.nl-compact-footer a{color:#aab6d3;font-size:13px}
.nl-compact-footer a:hover{color:#fff}
.nl-compact-footer p{margin:12px 0 0;font-size:12px}
@media(max-width:620px){
  .nl-shell{padding-top:4px;gap:8px}
  .nl-brand-compact{margin-bottom:0}
  .nl-brand-compact picture{width:min(330px,92vw)}
  .nl-auth-head h1{font-size:34px}
  .nl-benefit{min-height:94px}
  .nl-compact-footer{padding-top:8px}
}
@media(max-width:350px){.nl-auth-head h1{font-size:31px}}


.nl-content-shell{width:min(980px,calc(100% - 32px));min-height:100svh;margin:0 auto;padding:32px 0 48px}
.nl-content-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.nl-content-nav .nl-wordmark{font-size:20px;font-weight:950;letter-spacing:-.02em;color:#efeaff}
.nl-content-nav nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px}
.nl-content-nav a{color:#b4bfdb;font-size:14px}
.nl-content-card{padding:42px;border:1px solid rgba(255,255,255,.10);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(8,12,27,.86);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.nl-content-card header{max-width:800px;margin-bottom:30px}
.nl-content-card h1{margin:0 0 12px;font-size:clamp(36px,6vw,58px);line-height:1.04;letter-spacing:-.045em;background:linear-gradient(90deg,#f8fbff,#c8d2ff 58%,#a96eff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nl-content-card .nl-content-lead{margin:0;color:#afb9d2;font-size:18px;line-height:1.65}
.nl-content-card section{margin-top:30px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08)}
.nl-content-card h2{margin:0 0 15px;font-size:28px;letter-spacing:-.025em}
.nl-content-card h3{margin:20px 0 8px;font-size:20px}
.nl-content-card p,.nl-content-card li{color:#adb7cf;line-height:1.72}
.nl-content-card ul,.nl-content-card ol{padding-left:22px}
.nl-content-card .nl-note{padding:18px;border:1px solid rgba(130,111,255,.35);border-radius:15px;background:rgba(68,48,151,.13)}
.nl-content-cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.nl-content-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:13px;font-weight:850}
.nl-content-cta .primary{color:#fff;background:linear-gradient(90deg,#2eacff,#6478ff 50%,#b81fff)}
.nl-content-cta .secondary{color:#dbe2ff;border:1px solid rgba(126,100,255,.48);background:rgba(70,54,154,.15)}
.nl-content-footer{margin-top:22px;text-align:center;color:#7f8aa7;font-size:13px}
@media(max-width:700px){
  .nl-content-shell{width:calc(100% - 22px);padding-top:18px}
  .nl-content-nav{align-items:flex-start;flex-direction:column}
  .nl-content-nav nav{justify-content:flex-start}
  .nl-content-card{padding:27px 20px;border-radius:21px}
  .nl-content-card h1{font-size:37px}
  .nl-content-card .nl-content-lead{font-size:16px}
}
.nl-shell{justify-content:flex-start}

/* NEROLINK_BRAND_ARTWORK_FULL_V112
   Keep the standalone HTML slogan removed, but show the complete original
   logo artwork, including the text embedded in the PNG/WebP itself. */
.nl-brand-compact picture{
  width:min(440px,68vw);
  aspect-ratio:auto;
  overflow:visible;
}
.nl-brand-compact .nl-brand-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
@media(max-width:620px){
  .nl-brand-compact picture{width:min(300px,88vw)}
}
@media(max-width:350px){
  .nl-brand-compact picture{width:min(268px,88vw)}
}
@media(min-width:900px) and (max-height:820px){
  .nl-brand-compact picture{width:380px}
}

/* NEROLINK_BRAND_CORRECT_ARTWORK_AND_SPACING_V113
   Use the verified pre-optimization brand artwork with the correctly spelled
   embedded slogan. The asset is tightly cropped, so no large negative margin
   or empty raster area is needed between the logo and the auth card. */
.nl-brand-compact{
  margin:0 0 -4px;
}
.nl-brand-compact picture{
  width:min(330px,58vw);
  aspect-ratio:840 / 775;
  overflow:visible;
}
.nl-brand-compact .nl-brand-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
  image-rendering:auto;
}
@media(max-width:620px){
  .nl-brand-compact{margin-bottom:-2px}
  .nl-brand-compact picture{width:min(280px,82vw)}
}
@media(max-width:350px){
  .nl-brand-compact picture{width:min(252px,84vw)}
}
@media(min-width:900px) and (max-height:820px){
  .nl-brand-compact{margin-bottom:-6px}
  .nl-brand-compact picture{width:300px}
}


/* NEROLINK_BRAND_TRANSPARENT_CROP_AND_SPACING_V114
   Restore the transparent original artwork, tightly cropped without changing
   any lettering. This removes the opaque square introduced in v1.1.3 and
   keeps the logo close to the authorization card. */
.nl-brand-compact{
  margin:0 0 -4px;
}
.nl-brand-compact picture{
  width:min(330px,58vw);
  aspect-ratio:620 / 490;
  overflow:visible;
  line-height:0;
}
.nl-brand-compact .nl-brand-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
  image-rendering:auto;
}
@media(max-width:620px){
  .nl-brand-compact{margin-bottom:-3px}
  .nl-brand-compact picture{width:min(280px,82vw)}
}
@media(max-width:350px){
  .nl-brand-compact picture{width:min(252px,84vw)}
}
@media(min-width:900px) and (max-height:820px){
  .nl-brand-compact{margin-bottom:-6px}
  .nl-brand-compact picture{width:300px}
}